点击时仅显示一篇 tumblr 帖子的标签（jquery）

Question

所以我使用 jQuery 来制作这些在点击 Tumblr 时显示的滑动标签，但我的问题是我不知道如何使用脚本，所以点击该点击帖子的标签是显示。我使用的是图标字体，每个帖子都有一个，但是当你点击它时，每个帖子的所有标签都会显示出来。

.tags {display: none;}

<div class="post-controls">
        <a class="slide-tags"><span class="th th-bookmark-1"></span></a>
        <a href="{ReblogURL}" target="_blank"><span class="th th-reblog"></span></a>
        <a class="likeb" href="#">{LikeButton}<span class="actual-button"><span class="th th-heart-1-o"></span></span></a>

（所以在书签图标上方是单击以显示标签的内容） 下面是脚本本身。

<script>
    $(document).ready(function() {
        $(".slide-tags").click(function() {
            $(".tags").slideToggle();
        });
    });
</script>

您可以转到帐户here 并实际点击它，看看我的意思（只需点击喜欢和转发按钮旁边的小书签）。

Answer 1

您需要设置对当前$(this) 选择器的调用，而其余部分将从显示中删除，使用slideUp() 方法。

$(document).ready(function () {
    $(".slide-tags").click(function () {
        $(".tags").slideUp();
        $(this).closest(".posts").find(".tags").slideToggle();
    });
});