javascript - li slideDown 有效，但是当 slideUp 时它只是弹出而不滑动

Question

我的代码在制作 <li> 时遇到了一些问题当我点击一个按钮时 slideDown。 我试图制作一个 jsFiddle，但由于某种原因，CSS 没有显示。但是here是的。

我有一个网站，其中心空无一物。两边都有导航栏，现在只有左边有导航栏。它有一个 <div>用<ul>在其中，并在每个 <li> 的最右边有一个小的展开按钮，当它被点击时(除了“这是什么？”之外只有一个)，在“这是什么”之外然后一个小的隐藏文本做 slideDown(500)并且扩展 img 更改为契约(Contract) img。如果单击契约(Contract) img 那么它应该执行 slideUp(500)但出于某种原因，它会在不执行 slideUp(500) 的情况下立即弹出并隐藏起来。 .

Answer 1

它需要一些工作，但我更新了您的示例以解决您的主要问题。

$(document).ready(function() {
    $("#whatExpand").click(function () {
        $("#whatExpand").hide();
        $("#whatContract").show();
        $("#whatRolldown").slideDown(500);
        //$("#whatRolldown").css("display, inline");
    });

    $("#whatContract").click(function () {
        $("#whatContract").hide();
        $("#whatExpand").show();
        $("#whatRolldown").slideUp(500);
        //$("#whatRolldown").css("display", "none");
    });
});

http://jsfiddle.net/26gPJ/5/

JQuery 处理所有花哨的东西，所以不用担心设置隐藏内容的显示值。