Question

我不是jQuery中最好的（也不是英语），但我想学习它。所以，我想制作一个slideUp和slideDown按钮。但它只是做“slideDown”。

    $(".toggle").click(function () {
    $(".shownDesc").slideUp("slow", function () {
        removeClass(".shownDesc") 
        });

    $(".showDIV").slideDown("slow", function () {
        addClass(".shownDesc")
        });
    });

.toggle是我的内容DIV，“showDIV”是我的内心。

按下“.toggle”类时应该打开“showDIV”。但它不希望slideUp“showDIV” - 元素。

    <div class="toggle">Show text!</div>
    <div class="showBack">
      Normal text.
    </div>  

    <div class="toggle">Show other text!</div>
    <div class="showBack">
        Other text.
    </div>

也许你需要这个HTML代码;）

Answer 1

在这种情况下，使用jQuery .slideToggle可能是更好的选择。

http://api.jquery.com/slideToggle/

示例：

$(".toggle").click(function () {
    $(".showDIV").slideToggle("slow");
});

我可能需要进一步解释才能为您准确编写代码。

Answer 2

当您单击HTML上的.toggle对象时，此代码将切换两段文本。无需添加/删除类：

$(".toggle").click(function () {
    $(this).next(".showBack").slideToggle();
});

这使用slideToggle（）方法，该方法根据以前的状态自动执行slideUp或slideDown。

它还会在.toggle类之后自动查找下一个项目（使用.showBack类），并将幻灯片操作应用于该元素。

您可以在此处查看：http://jsfiddle.net/jfriend00/z9Afs/

SlideDown / Up不起作用

2 个答案: