Question

我用一个li元素和另一个ul做了一个ul。所以，如果我点击第一个ul内的第一个li元素，我想fadeToggle第二个ul。

Html看起来像这样：

<ul id="timeline">
    <li class="year"></li>
        <ul class="eventList">
            <li class="event"></li>
            <li class="event"></li>
            <li class="event"></li>
            <li class="event"></li>
        </ul>
</ul>

我的jQuery看起来像这样：

$(function() {
    $('#timeline .event').hide();
    $('#timeline .year').click(function() {
        $(this).next('.eventList').fadeToggle('slow');
    });
});

但是，它不会起作用。我不知道我是否选择了错误的选择器。我搜索了错误，但无法找到任何错误。希望你们中的任何人都可以帮助我。

直播：http://cywa.eu/index.php/about/

Answer 1

试试这个：

$(function() {
    $('.eventList').hide();
    $('.year').click(function() {
        $(this).next('.eventList').fadeToggle('slow');
    });
});

Answer 2

只需删除此行$('#timeline .event').hide();

即可

$(function() {
    $('.eventList').fadeOut('slow');
    $('#timeline.year').click(function() {
        $(this).next('.eventList').fadeToggle('slow');
    });
});

该行导致.eventList的每个li都被隐藏。

jquery：在列表中选择列表

2 个答案: