de-02がclickされた時にde-01が表示されてる場合に、de-02をclickしたら、de-02の表示とde-01を非表示のイベントを同時にやりたいです
HTML
1<button id="de-01">01</button> 2 3<button id="de-02">02</button> 4 5 <div id="slide-01"> 6 <div class='single-item'> 7 <div> 8 <img src="show/img_170925_0007.jpg" width="100%"> 9 </div> 10 <div> 11 <img src="show/img_170925_0002.jpg" width="100%"> 12 </div> 13 </div> 14 15 <div class="inner-title"> 16 <p>Category: design</p> 17 <p>2017.06</p> 18 <p>title: item</p> 19 </div> 20 </div> 21 22 <div id="slide-02"> 23 <div class='single-item'> 24 <div> 25 <img src="show/img_170906_0533.jpg" width="50%"> 26 </div> 27 <div> 28 <img src="show/img_170906_0535.jpg" width="100%"> 29 </div> 30 </div> 31 <div class="inner-title"> 32 <p>Category: design</p> 33 <p>2017.06</p> 34 <p>title: item</p> 35 </div> 36 </div>
CSS
1#slide-01,#slide-02{ 2 display: none; 3}
jQuery
1$('#de-01').click(function(e){ 2 if ($('#slide-01').css('display') === 'none'){ 3 $('#slide-01').show(); 4 } else{ 5 $('#slide-01').hide(); 6 }; 7 }); 8 9 $('#de-02').click(function(e){ 10 if ($('#slide-02').css('display') === 'none'){ 11 $('#slide-02').show(); 12 } else { 13 $('#slide-02').hide(); 14 }; 15 e.stopPropagation(); 16 });
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。