单击时仅显示一个 tumblr post 的标签 (jquery)

Question

所以我正在使用 jQuery 制作这些在点击 Tumblr 时显示的滑动标签，但我的问题是我不知道如何使用脚本，所以只点击标签显示单击的 post。我使用的是图标字体，每个 post 上都有一个，但是当您单击它时，每个 post 的所有标签都会显示。

.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();
    });
});

单击时仅显示一个 tumblr post 的标签 (jquery)

show tags for just one tumblr post on click (jquery)

javascript

html

jquery

tumblr