单击 jquery 时显示/隐藏 div 不起作用

Question

我想在单击My Account 链接时显示此 Div，但我做错了，因为它不起作用

这是我的小提琴http://jsfiddle.net/VKvPX/1/ 当我点击我的帐户时没有任何反应

<script>
    $("#showhide").on('click', function(){
        $(".more").children("div").slideToggle();
        return false;
    });
</script>

感谢这个 jsfiddle：http://jsfiddle.net/56jdL/6/`

Answer 1

它不起作用，因为带有 more 类的 div 上面有 display:none，但是您的代码尝试切换该元素的子元素..

如果您删除 .children('div') 部分，它将起作用..

但它不适用于注销链接，因为它使用相同的 id，应该是唯一的。

如果您也将其更改为一个类，那么它对两个链接都有效

演示地址 http://jsfiddle.net/gaby/zjx7V/

js

$(".showhide").on('click', function(){
    $(".more").slideToggle();
    return false;
});

对于链接使用

<a href="#" class="showhide">