Вертикальное меню, которые скрывают дивы

Question

Вопрос довольно noobish, но потому, что я не имею знания Jquery еще никто ответа до сих пор не может помочь ...

Вот что я делать до сих пор:

<ul class="menu"> 
    <li class="option">option1</li> 
    <li class="option">option2</li> 
    <li class="option">option3</li> 
</ul> 

<div class="content1"> 
</div> 
<div class="content2"> 
</div> 
<div class="content3"> 
</div> 

Общая идея состоит в том, чтобы создать вертикальное меню, в котором каждый параметр может скрыть предыдущий div (кто бы ни был div) и показать текущий. Проблема в том, что я не знаю, как заставить jQuery скрыть предыдущий div тем, кем он может быть.

Answer 1

Try some thing like this 

<ul class="menu"> 
    <li class="option">option1</li> 
    <li class="option">option2</li> 
    <li class="option">option3</li> 
</ul> 

<div class="content"> 
</div> 
<div class="content"> 
</div> 
<div class="content"> 
</div> 

$(function(){ 
    $('.option').click(function(){ 
     var index=$(this).index(); 
     $('.content').hide().eq(index).show(); 
    }); 

    $('.content').eq(0).hide(); 
})