Question

这个问题很不错，但因为我对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();
})

隐藏div的垂直菜单

1 个答案: