显示标签，只是一个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>

你可以去这里的帐户，自己点击它，看看我是什么意思(只需点击点赞和转发按钮旁边的小书签)。

Answer 1

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

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