jQueryのショー次へ前項目キーの押下

Question

私は、リストの項目があります。

<ul> 
    <li class="slides"> 
    <p>content</p> 
    </li> 
    <li class="slides"> 
    <p>content</p> 
    </li> 

.. etc 

</ul> 

とjQuery：私は、次の項目を表示するにはどうすればよい

$(document.documentElement).keyup(function (e) { 

    if (e.keyCode == 39) 
    { 
    } 

    if (e.keyCode == 37) 
    { 
    } 

}); 

をクリックキーボード「正しい」と押したときにキーボード「左'前のアイテムを表示する？

Answer 1

HTML

<ul> 
    <li class="active slides"> 
    <p>content</p> 
    </li> 
    <li class="slides"> 
    <p>content</p> 
    </li> 

.. etc 

</ul> 

jQueryの

$(document.documentElement).keyup(function (e) { 
    var $activeslide = $('.slides.active'), $targetslide; 

    if (e.keyCode == 39) 
    { 
    if ($activeslide.next('.slides').length) { 
     $targetslide = $activeslide.next('.slides'); 
    } else { 
     $targetslide = $('.slides:first'); 
    } 
    } 

    if (e.keyCode == 37) 
    { 
    if ($activeslide.prev('.slides').length) { 
     $targetslide = $activeslide.prev('.slides'); 
    } else { 
     $targetslide = $('.slides:last'); 
    } 
    } 

    $targetslide.addClass('active'); 
    $activeslide.removeClass('active'); 

}); 

CSS

.slides { 
    display: none; 
} 

.slides.active { 
    display: block; 
} 

アニメイトあなたが合うように。