javascript - .slideToggle在.click函数上不起作用

我正在建立一个Tumblr网站，我希望当用户单击标签范围时，它应该显示标签。直到今天，它一直可以正常工作，现在单击时它会立即恢复。我不知道怎么了。

的HTML

<span class="tags-link">Tags</span>
{block:HasTags}
    <ul class="tags tags-close">
    {block:Tags}
        <li>
            <a href="{TagURL}">{Tag}</a>
        </li>
    {/block:Tags}
    </ul>
 {/block:HasTags}

的CSS

.tags{
    list-style-type: none;
    padding: 0;
    margin: 24px 0 0 0;
}

.tags-open{
    display: block;
}

.tags li{
    font-size: 14px;
}

.tags li a{
    color: #9CA8B3;
    margin-right: 12px;
}

.tags-close{
    display: none;
}

jQuery的

$(document).ready(function(){
    $(".tags-link").click(function() {
        $(this).next(".tags").slideToggle(500, function(){
            $(this).toggleClass("tags-open");
            $(".tags li").css("display","inline-block");
            //end animation
        });
    }); // end tags
}); // end ready

最佳答案

尝试使用.toggle（）代替，我相信通过JQuery UI可以实现幻灯片效果。

$(document).click(function(){
    var tags = $(this).next('.tags');
    tags.toggle('slide', {direction:'up'},500);
    $(this).animate(500).toggleClass("tags-open"); //animate fades class changes
    $("li.tags").animate(500).css("display","inline-block");

});

关于javascript - .slideToggle在.click函数上不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28532020/