if($('#box').css('display')=='none')
if($('#box').css('display')=='block')
でdisplayの状況に応じて、処理を分岐させたいのですが、
処理が同時に起こってしまいます。
SlideToggleを使わずにclick時に
display:block状態ならslideUp();で非表示に
display:none状態ならslidDown();で表示に
したいのですが、原因と対処法を教えていただけますでしょうか。
よろしくお願いいたします。
HTML
1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <button id="btn"> 9 btn 10 </button> 11 <div id="box">show&hide</div> 12 13 </body> 14</html>
Javascript
1 $('#btn').on('click',function(){ 2 if($('#box').css('display')=='none'){ 3 $('#box').slideDown('slow')} 4 5 if($('#box').css('display')=='block'){ 6 $('#box').slideUp('slow')} 7 8 9}) 10})
CSS
1#box{ 2 width:100px; 3 height:100px; 4 background-color:green; 5 display:none; 6}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/13 03:39