我正在尝试创建一个 3 级手风琴,加载所有父母都崩溃了。
事实证明,这非常具有挑战性。我看到了一些间距问题,高等教育的孩子们不会开学。
看看@http://jsfiddle.net/abenjamin/W67wM/2/
任何帮助将不胜感激。
脚本
<script>
$(function() {
$( ".accordion" ).accordion({ active: false, collapsible: true });
});
</script>
html
<ul class="accordion">
<li><a class="head" href="#">1</a>
<ul class="accordion main">
<li><a href="#">1 - 1</a>
<ul class="accordion sub">
<li><a href="#">1 - 1 - 1</a></li>
<li><a href="#">1 - 1 - 2</a></li>
<li><a href="#">1 - 1 - 3</a></li>
</ul>
</li>
<li><a href="#">1 - 2</a>
<ul class="accordion sub">
<li><a href="#">1 - 2 - 1</a></li>
<li><a href="#">1 - 2 - 2</a></li>
<li><a href="#">1 - 2 - 3</a></li>
</ul>
</li>
<li><a href="#">1 - 3</a>
<ul class="accordion sub">
<li><a href="#">1 - 3 - 1</a></li>
<li><a href="#">1 - 3 - 2</a></li>
<li><a href="#">1 - 3 - 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class="head" href="#">2</a>
<ul class="accordion main">
<li><a href="#">2 - 1</a>
<ul class="accordion sub">
<li><a href="#">2 - 1 - 1</a></li>
<li><a href="#">2 - 1 - 2</a></li>
<li><a href="#">2 - 1 - 3</a></li>
</ul>
</li>
<li><a href="#">2 - 2</a>
<ul class="accordion sub">
<li><a href="#">2 - 2 - 1</a></li>
<li><a href="#">2 - 2 - 2</a></li>
<li><a href="#">2 - 2 - 3</a></li>
</ul>
</li>
<li><a href="#">2 - 3</a>
<ul class="accordion sub">
<li><a href="#">2 - 3 - 1</a></li>
<li><a href="#">2 - 3 - 2</a></li>
<li><a href="#">2 - 3 - 3</a></li>
</ul>
</li>
</ul>
</li>
</ul>