使用不同的锚点滑动切换相同的元素

Question

我正在尝试使用不同的锚点切换 div。我设置代码的方式是 div "content" 的内容会根据单击的锚点而变化。我需要实现的是不必单击两次来切换 "content" div，因为每个 .block 锚点都使用相同的滑动切换。在第一个块打开后单击第二个块时，它现在会关闭内容 div。我希望它切换回关闭位置并再次打开。当它已经打开时单击第二个块时，它应该自行关闭。看起来很容易，但我无法绕过它...

HTML:

<div id="thumbnails">
    <div title="thumb1" class="block">1</div>
    <div title="thumb2" class="block">2</div>
    <div title="thumb3" class="block">3</div>
</div>

<div id="content">
    <div id="contentblock"></div>
</div>

jQuery:

$(document).ready(function(){   
    $("#content").hide();
    $(".block").click(function() {
        $("#content").slideToggle("slow");
    });
});

Fiddle

Answer 1

将点击的对象保存到一个变量中，并检查它是否与当前对象（与上一个点击的对象）匹配。

$(document).ready(function(){   
    $("#content").hide();
    var obj;
    $(".block").click(function() {
        $("#content").slideToggle("slow");
        if(obj!==this)
            $("#content").slideDown("slow");

        obj=this;
    });
});

Fiddle

使用不同的锚点滑动切换相同的元素

Slidetoggle the same element using different anchors

javascript

jquery

slidetoggle