jquery - .toggle() はターゲット要素のみを非表示にし、交互のクリックで状態を切り替えません

Question

クリックするたびに2つの要素の表示を切り替えるボタンを作成しようとしています...これは数日前までは正常に機能していましたが、ページの読み込み時にボタンが非表示になります。.toggle は要素の表示/非表示にも機能することがわかりましたが、それを使用して交互のクリックで機能を切り替えるにはどうすればよいですか?

JS:

$("#button").toggle(
     function(){
          $('#stuff1').hide("slow");
          $('#stuff2').show("slow");
     },
     function(){ 
          $('#stuff1').show("slow");
          $('#stuff2').hide("slow"); 
     }
);

HTML:

<img id="button" src="button.jpg"/>
<p id="stuff1">stuff</p> 
<p id="stuff2">stuff</p>

Answer 1

それが機能しなくなった理由は、このtoggleオーバーロードが 1.8 で非推奨になりましたが、気付かなかったために 1.9 で削除され、今になって気付いたからです。

.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )

非推奨のバージョン: 1.8、削除された: 1.9

使用toggle関数を使用:

$("#button").click(function(){
      $('#stuff1').toggle("slow");
      $('#stuff2').toggle("slow");
});

Answer 2

これを試して

Jクエリ

$("#button").click(
     function(){         
          $('#stuff1').toggle("slow");
          $('#stuff2').toggle("slow");
     }

);

CSS

#stuff1
{
    display:none;
}