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();
});

但切换更好。

将它隐藏在jqueryui后显示div

3 个答案: