こんばんは。
Jqueryのslidetoggleをつかってレイアウトしていますが、複数になるとうまくいきません。。nextあたりの定義が間違えているので教えて下さい><
クリックすると、ボタンの画像が切り替わるようになってます。
追記:・butonをクリックすると→.slidewrapが2つ同時に開いてしまう。(slidetoggleは動作するが、各コンテツごと開くように定義したい)
<script> $(function(){ $(".slide_wrap .button").on("click", function() { $(".left").next().slideToggle(); $(this).toggleClass("active");//追加部分 }); }); </script> <style> .slide_wrap .button{ display:block; width:100px; height:100px; text-align:center; border:#666 1px solid; background:url(img/off.png) no-repeat; } .slide_wrap .text{ background:pink; width:400px; border:#666 1px solid; display:none; } .slide_wrap .button.active{ background:url(img/on.png) no-repeat; } </style> </head> <body> <div class="slide_wrap"> <div class="left"> <h1><img src="img/test_02.png"></h1> <div class="button"></div> </div> <div class="text">hello</div> </div> <div class="slide_wrap"> <div class="left"><h1><img src="img/test_02.png"></h1> <div class="button"></div> </div> <div class="text">hello</div> </div> </body> </html>回答1件
あなたの回答
tips
プレビュー