0

jQuery + UIを使用してDIVを非表示にし、特定の要素をクリックしたときに再度表示しようとしています。

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

私はこれまでにこれを持っています：http：//jsfiddle.net/452Yx/22/

同じ要素をクリックしてDIVを再度表示する方法を理解できません。

何か案は？

ありがとう

マイク

4

3 に答える 3

2

「同じ要素をクリックしてDIVを再度表示する方法を理解できません。」

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

$(document).ready(function(){

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

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

    }, function(){

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

    });

});
于 2012-11-19T01:51:51.710 に答える
1

あなたは簡単に行うことができます：

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

また、jqueryトグルはjqueryuiトグルとまったく同じではないことに注意してください。

于 2012-11-19T01:54:12.800 に答える
0

トグルを使用できます。これがあなたのコードでできることです。オブジェクトが表示されているかどうかを確認できます。が非表示または表示の場合。

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

しかし、トグルの方が優れています。

于 2012-11-19T01:53:48.690 に答える