7

こんにちは、インターネットで少し検索しましたが、実際に探しているものが見つかりませんでした。とにかく、私が探しているのは、要素が非表示の場合はアクションを実行し、要素が表示されている場合は別のアクションを実行するようなものです。この場合、表示/非表示メニューを作成しています。メニュー アイコン (クラス ".toggle") をクリックすると、不透明度が 1 に変更され、メニューを非表示にすると、アイコンの不透明度が再び 0.6 に変更されます。 .

とにかく私のコードは次のとおりです。

$(".sidebar_menu").hide();
$(".sidebar li.toggle").click(function(){
$(".sidebar_menu").animate({width: "toggle"}, 200);
// Here's where the code I can't figure out is gonna be.
});

皆さんが私を助けてくれることを願っています。ありがとうございました。

4

1 に答える 1

9

これは要素に対して機能hiddenします：visible

$(".sidebar_menu").hide();
$(".sidebar li.toggle").click(function(){
  $(".sidebar_menu").animate({width: "toggle"}, 200,
    function() {
      if($(this).is(':visible')){
        $(".toggle").css({opacity: 1});
      } else if ($(this).is(':hidden')) {
        $(".toggle").css({opacity: 0.6}); 
      }; 
    })
  });
});

編集：と.toggle()

$(".sidebar_menu").hide();
$(".sidebar li.toggle").click(function(){
  $(".sidebar_menu").toggle('slow',
    function() {
      if($(this).is(':visible')){
        $(".toggle").css({opacity: 1});
      } else if ($(this).is(':hidden')) {
        $(".toggle").css({opacity: 0.6}); 
      }; 
    })
  });
});

ここに小さな例があります: FIDDLE

于 2013-06-18T19:05:09.847 に答える