DIVの公開をオンにするonClick

Question

DIVを上向きにするトピックが見つかりましたが、Javascriptのエキスパートではないので、ホバリングではなくonClickをどのようにすることができますか？このことができます念の

、前のトピックへのリンクです：How to make jQuery animate upwards

すべてのヘルプは高く評価されます。

Answer 1

ここではサンプルdemo

$("#slideToggle").click(function() { 
    $('.slideTogglebox').slideToggle(); 
}); 

$("#reset").click(function(){ 
    location.reload(); 
}); 

HTMLれる：

<button id=slideToggle>slide</button> 
    <br/> 
    <div class="slideTogglebox"> 
     slideToggle() 
    </div> 

Answer 2

$(document).ready(function() { 
    var isClicked = false; //assuming its closed but its just logic 
    $('.button').click(function() { 
     if (isClicked) { 
      isClicked = true; 
      $(this).closest('div').animate({ 
      height: "150px", 
     }, 400, "swing"); 
     } 
     else 
     { 
      isClicked = false; 
      $(this).closest('div').animate({ 
       height: "50px", 
      }, 400, "swing"); 
     } 
    }); 
}); 

これはかなり悪い方法です。また、JavaScriptでその素敵な1つのライナーをjQueries toggleClass

.toggleClass('animateUpwards) 

を使用してjsutすべてのものをアニメーション化する代わりに、その後CSS3を使用するには、ブラウザ使用のハードウェア機能を貸し付けしようとして検討すべきです。

Answer 3

他の場所jQuery slideToggle掲載さjQuery slideUpを試すか - 代わりにCSS3 Example

またはあなたが投稿質問から、おそらくこれはあなたが何を意味するのかである：

http://jsbin.com/ogaje

（の目に見える部分）をクリックしますdiv

$(document).ready(function() { 
    $('.featureBox').toggle(function() { 
    $(this).animate({top: '-390px', height:'540px'},{duration:'slow', queue:'no'}); 
    // or $(this).slideUp() 
    }, 
    function() { 
    $(this).animate({top: '0px', height:'150px'},{duration:'slow', queue:'no'}); 
    // or $(this).slideDown() 
    }); 
}); 

何か他のものをクリックして

$(document).ready(function() { 
    $("#button").toggle(function() { 
    $("#someDiv").animate({top: '-390px', height:'540px'},{duration:'slow', queue:'no'}); 
    // or $("#someDiv").slideUp() 
    }, 
    function() { 
    $("#someDiv").animate({top: '0px', height:'150px'},{duration:'slow', queue:'no'}); 
    // or $("#someDiv").slideDown() 
    }); 
});