手风琴链接影响子锚链接

Question

以下是代码演示的链接

在这里摆弄

有2个问题

1. 单击第一个手风琴I的链接（链接1 |链接2 |链接3），为什么这样做很奇怪
2. 并且第一手风琴内容中的子子div在输出中不可见。 （ <div>This div is not visible in the output</div> ）

提前致谢。

Answer 1

这样写：

$('.accordion > li > a').click(function(){
        $(this).next().slideToggle("fast");
        $(this).closest('li').toggleClass('active');
    });

将类名称定义为DIV而不是.accordion div{display:none} 。 这样写：

.accordion .extended{display:none;}

检查此http://jsfiddle.net/zkZN6/2/

Answer 2

原因是您在javascript中定义了$('.accordion a').click(function(){这会影响名为“ accordion”的类名称下的所有标记。”您需要定义另一个仅用于“ accr1”的类名称， accr2，accr3 ... etc”并为其定义另一个JavaScript。

Answer 3

正如Tugkan所说，所有链接都受到$('.accordion a').click(function(){的影响$('.accordion a').click(function(){ ，这就是为什么它表现得很奇怪，而且就除法而言，属性显示没有应用到它，请参见检查元素。

做这样的事情使分裂出现：

演示版

style="display:block;"