html - 影响子锚链接的手风琴链接

Question

下面是代码演示的链接

有2个问题

点击第一个手风琴I的链接（Link1 | Link 2 | Link 3），为什么会表现得很奇怪
并且第一个手风琴内容中的子子 div 在输出中不可见。( <div>This div is not visible in the output</div>)

提前致谢。

score 1 · Accepted Answer

像这样写：

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

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

.accordion .extended{display:none;}

score 0 · Accepted Answer

原因是您$('.accordion a').click(function(){在 javascript 中定义了影响名为“accordion”的类名下的所有标签。您需要为“accr1,accr2,accr3...etc”定义另一个类名，并为它们定义另一个 javascript。

score 0 · Accepted Answer

好吧，正如 Tugkan 所说，所有链接都受到影响，$('.accordion a').click(function(){这就是为什么它表现得很奇怪，就部门而言，属性显示没有应用于它，在检查元素中看到。

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

style="display:block;"

3 回答 3