jquery - 在jqueryui中隐藏后显示一个div

Question

我正在尝试使用 jQuery + UI 隐藏 DIV，然后在单击特定元素时再次显示它。

$(".leftnav").click(function () {
  $(".rightnav").hide("slide", { direction: "down" }, 1000);
});

到目前为止我有这个：http: //jsfiddle.net/452Yx/22/

我不知道如何通过单击相同的元素来让 DIV 再次显示。

有任何想法吗？

谢谢

麦克风

Answer 1

“我不知道如何通过单击相同的元素让 DIV 再次显示。”

http://api.jquery.com/toggle/

$(document).ready(function(){

    $(".leftnav").toggle(function () {

        $(".rightnav").hide("slide", { direction: "down" }, 1000);

    }, function(){

        $(".rightnav").show();

    });

});

Answer 2

你可以简单地做：

$(".leftnav").click(function () {
  $(".rightnav").toggle("slide", { direction: "down" }, 1000);
});

另请注意，jquery 切换与 jqueryui 切换并不完全相同。

Answer 3

你可以使用切换。这是您可以使用代码执行的操作。您可以检查对象是否可见。如果是隐藏或显示。

$(".leftnav").click(function () {
    if($(".rightnav").is(":visible"))
      $(".rightnav").hide("slide", { direction: "down" }, 1000);
    else $(".rightnav").show();
});

但是切换更好。