Jquery对1个div但多个activate的单击操作进行查询

我有以下几个部门：

<div class="album">
    <div class="album-cover">
        <img src="cover.jpg">
    </div>

    <div class="album-tracks">
        <ul>
            <li class="song">01 - Song</li>
            <li class="song">02 - Song</li>
            <li class="song">03 - Song</li>
            <!-- and so on -->
        </ul>
    </div>
</div>

因此，当用户单击相册图像时，曲目将向下滑动。这也是我的问题所在。当用户单击封面时，所有曲目列表都会向下滑动，而不是从该专辑中。检查以查看正在运行的脚本

那么，有没有办法只显示点击的专辑的曲目，而不是所有的专辑

---

提前感谢

您应该使用此：

更新代码：

$(document).ready(function () {
    $('.album-tracks').hide();

    $('.album-cover').click(function () {
        var tracks = $(this).closest('.album').find('.album-tracks');
        if (tracks.is(':hidden')) {
            tracks.slideDown('easeInExpo', 0);
        } else {
            tracks.slideUp('easeOutExpo');
        }
    })
});

检查选择器

工作小提琴

$(document).ready(function () {
    $('.album-tracks').hide();

    $('.album-cover').click(function () {
        var tracks = $(this).closest('.album').find('.album-tracks');
        if (tracks.is(':hidden')) {
            tracks.slideDown('easeInExpo', 0);
        } else {
            tracks.slideUp('easeOutExpo');
        }
    })
});

$(document).ready(function () {
    $('.album-tracks').hide();

    $('.album-cover').click(function () {
        var $this = $(this);
        if ($this.siblings('.album-tracks').is(':hidden')) {
            $this.siblings('.album-tracks').slideDown('easeInExpo', 0);
        } else {
            $this.siblings('.album-tracks').slideUp('easeOutExpo');
        }
    })
});