隐藏jQuery手风琴

时间:2011-07-14 05:35:29

标签: javascript jquery hide accordion show

当我点击一个标签然后让下一个标签显示时,我想让我的手风琴隐藏起来。这部分是正确的,但是当显示隐藏的手风琴时,没有任何“下降”可以说,工作。单击选项卡时,将显示内容,但选项卡不会展开以填充它。

<li id="menumenu-3"><a href="#"><img src="../img/menu.png" alt="" /><h3 id="men_t2">Reef Mantis</h3></a></li>

<div id="accordion1">
<h3><a href="#">Info</a></h3>
<div>
    <p>
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
    </p>
</div>
<div id="accordion2">
<h3><a href="#">Info</a></h3>
<div>
    <p>
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
    </p>
</div>

这是javascript

$('#menumenu-3').click(function(){
    $("#accordion1").fadeOut();
    $("#accordion2").fadeIn();
});

1 个答案:

答案 0 :(得分:0)

我认为您需要使用.Live jquery命令来确保重新显示手风琴时它再次接线。