Question

这是我的HTML

<div id="1" class="category_group">
<ul class="top_level_category">
    <li><a>top level title 1</a>
        <ul class="sub_level_category">
            <li>lower level links</li>
            <li>lower level links</li>
            <li>lower level links</li>
            <li>lower level links</li>
        </ul>
    </li>
</ul>

<div id="2" class="category_group">
<ul class="top_level_category">
    <li><a>top level title 2</a>
        <ul class="sub_level_category">
            <li>lower level links</li>
            <li>lower level links</li>
            <li>lower level links</li>
            <li>lower level links</li>
        </ul>
    </li>
</ul>

这将是我的jquery

$('div ul li ul').hide();
$('div ul li a').click(function() {
$(this).find('ul').show();
});

我正在制作手风琴，但不能这样做，列表结构与普通手风琴不同

sample

Answer 1

find()搜索所选元素的指定后代元素，您可以使用next方法：

$('div ul li a').click(function(e) {
    e.preventDefault();
    $(this).next('ul').toggle();
});

http://jsfiddle.net/6rXp2/

Answer 2

使用$(this).find('ul').show();或$(this).parent().find('ul').show();

更改$(this).next('ul').show();

手风琴滑块上不同风格的无序列表

2 个答案: