0

div "pastmeet"にjQueryトグルがあり、トグル後にプログラムで（クリックせずに）可視性を設定する必要があります。divのスタイルをdisplay：block;に設定しました。（show）を追加してから、CSSをjQueryに変更します。私が何をしても、divは表示されず、ソースコードはdivにdisplay：noneが割り当てられていることを示しています。トグルがオフになった後、divを表示するにはどうすればよいですか？これが私の既存のコードです：

    (function ($) {
       $(document).ready(function() {
            $(".div_toggle").slideUp();
            $(".toggle_action").click(function(){
            $(this).next(".div_toggle").slideToggle("slow");
      });
        $('.pastmeet').css('display', 'block');  // force visibility to on          
      return false;
    });         
  })(jQuery);
4

1 に答える 1

0

表示と非表示を切り替えるだけの場合は、次を使用できます。

  $(".toggle_action").click(function(){
        $(this).next(".div_toggle").toggle();
  });

しかし、もっとカスタムなことをしなければならない場合、これは私が過去にしたことです：

var showHide = 0;
  $(".toggle_action").click(function(){
        if (showHide == 0) {
              showHide = 1;
              $(this).next(".div_toggle").hide();
             //do something
        } else {
              showHide = 0;
              $(this).next(".div_toggle").show();
             //do something
  });
于 2013-01-06T07:13:54.933 に答える