タイトル通りのことがしたいです。
現状、ボタンを押すとcssTransitionで形を変えるところまではできておりますが、
もう一度、ボタンを押して元に戻すという事ができません。
html
<div id="box"></div> <input type="button" id="btn" value="push" onclick="cssAnim(1)">
css
#box{ /*margin: auto;*/ width: 60px; height: 60px; background-color: #E85717; padding: 5px; transition: all 0.5s 0s ease-out; } #box-active{ width: 300px; height: 300px; background-color: #DCC505; transition: all 0.5s 0s ease-out; }
javascript
function cssAnim(n) { var $box = document.getElementById("box"); var $btn = document.getElementById("btn"); if(n == 1) { $box.id = "box-active"; $btn.onclick = cssAnim(2); } else { var $box = document.getElementById("box-active"); var $btn = document.getElementById("btn") $box.id = "box"; $btn.onclick = cssAnim(1); } }
onclickの関数を変えれば行けるかと思い記述してみましたが、上手く行きませんでした。
回答5件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/03 02:15