Jqueryで非表示

Question

このdivをスライドして隠すようにしたいと思います。今設定されているのは、#aboutclickと#contactclickをクリックしたときに.thumbが消えるだけです。私はそれが上にスライドして消えることを望みます。

誰でもこれを行う方法を知っていますか？

$(document).ready(function(){ 
    $(".thumb").hide(); 
    $("#aboutclick, #contactclick").show(); 
    $("#aboutclick, #contactclick").click(function(){ 
    $(".thumb").hide(); 
    }); 
}); 

http://dl.dropbox.com/u/14080718/Final/UITabs15.html

Answer 1

$(document).ready(function() { 
    $(".thumb").hide(); 
    $("#aboutclick, #contactclick").show(); 
    $("#aboutclick, #contactclick").click(function() { 
     $(".thumb").hide(1000); 
    }); 
}); 

Answer 2

使用.toggle（）、次いで.hide（）。

Answer 3

この機能のためにアニメーション化することができます。このようにして、

$(".thumb").animate({height:0,opacity:0},1000,function(){$(".thumb").hide()}) 

Answer 4

jQueryのslideUp()機能を使用してください。それにも時間がかかる。

この関数の名前は、オブジェクトの高さをゼロにするため、オブジェクトの上にスライドして隠すために、何をしたいのかを正確に記述します。 slideDown()というもう1つの機能があり、これは反対のことを行い、このアニメーションと一致します。また、すでにオブジェクトの現在の状態が分からず、それを切り替えたい場合はslideToggle()という別の関数も便利になるかもしれません。