シンプルなjQueryのナビゲーション

Question

私は、テキストのナビゲーションを作成したいのではなくサーバーサイドを使用するよりも、私はjqueryのを使用して一度だけコンテンツを書きたいです。

は、サンプル画像を見る....

NAVバーが下部に矢印であろう。あなたが終わりに達したら、矢印を白くするか、始めるなら左の矢印を白くする。

すべてのヘルプは

Answer 1

あなたのjQueryのソリューションを使用すると、ナビゲーションが仕事をしたいかに依存しますが理解されよう。テキストを置き換えますか？アイテム間をスクロールしますか？

しかし...ここで動作するように多くはありません、あなたはここで始め、それを行うための「ダック・テープ」の方法です取得するには...（注：これは、「入門」 - きれいではありませんそれでは、より良いソリューションを研究する予定です）。

var current = '1'; 
$('.navR').click(function (e) { //When user clicks on the Right nav button... 
    if (current == '1') { // If you are going to the first bit of new content... 
     $('#content').replaceWith("<div id='content'>Your First Content Here...</div>"); //Replace the content with... 
     current++; 
      $('.navR').css('color','red'); // Make the Right arrow red when more content is left 

    } else if (current == '2'){ // If you are going to the second bit of new content .... 
     $('#content').replaceWith("<div id='content'>Your Second Content Here...</div>"); // Replace the content with.... 
     current++; 
      $('.navR').css('color','white'); // Turn arrow White on last item 
    }; 

}); 

次に左に戻してください。

$('.navL').click(function (e) { 
    if (current == '2') { 
     $('#content').replaceWith("<div id='content'>Your First Content Here...</div>"); 
     current--; 
      $('.navL').css('color','red'); 

    } else if (current == '1'){ 
     $('#content').replaceWith("<div id='content'>Your Second Content Here...</div>"); 
     current--; 
      $('.navL').css('color','white'); 
    }; 

}); 

あなたがこれまで持っているものを