显示/隐藏div点击jquery无法正常工作

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

由于div上的more display:none上有.children('div')，但它无法正常工作，但您的代码会尝试切换该元素的子项。

如果您移除id部分，它将起作用..

但它不适用于注销链接，因为它使用相同的$(".showhide").on('click', function(){ $(".more").slideToggle(); return false; }); ，这应该是唯一的。

如果您将其更改为类，那么它将适用于两个链接

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

<强> JS

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

和链接使用

{{1}}