隐藏div的垂直菜单

斯佩罗斯·杰文(SpyrosJevan)

这个问题有点笨拙,但是因为我对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,无论它可能是谁。

巴德拉
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();
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章