jQuery1.8で廃止、jQuery1.9で削除。以降のバージョンではアニメーションの.toggle()が実行される。

.toggle()は引数の取り方で振る舞いがかわる。表示、非表示を切り替えたい場合は、.toggle()を参照。

クリックごとにhandlerを実行する。最後までいくと最初に戻る。

jQuery 1.9以降は.toggle()なので対象要素が消える。

サンプル

実行結果

表示

Javascript

1. $('#execute-1').toggle(
2.     function(e){
3.         $(this).next().css({border: '5px solid #00FFFF'});
4.     },
5.     function(e){
6.         $(this).next().css({border: '10px solid #00FFFF'});
7.     },
8. );

HTML

1. <div id="sample-1">
2.   <span class="cq-btn m-primary" id="execute-1">表示</span>
3.   <img src="/resource/images/photos/8.jpg" alt="" class="photo" style="width: 30%;">
4. </div>