クリックすると div をアニメーション化します (例ではトグルをクリックします)。もう一度クリックすると、最初の位置にアニメーション化したいと考えています。(変数とifで試してみましたが、うまくいきません。おそらくもっと簡単な方法がありますか?または何か間違いがありますか?)
ここで答えを確認してください: http://jsfiddle.net/uXVxH/2/
HTML:
<div id="logo"></div>
CSS:
#logo {
position:fixed;
bottom:-40px;left: 5%;
width:70px; height:80px;
background:blue;
cursor:pointer;
}
Jクエリ:
$(function(){
/* CLICK simple
$("#logo").click(function() {
$("#logo").animate({bottom: "0"}, 1200)
});
*/
/*click toggle ?*/
var hidden = true;
$("#logo").click(function() {
if (hidden) {
$("#logo").animate({bottom: "0"}, 1200);
} else {
$("#logo").animate({bottom: "-40"}, 1200);
}
state = !hidden;
});
})