jQuery按鈕來激活DIV

Question

我想做一個簡單的動作，用戶點擊一個按鈕，說「訪問」，而不是提交表單，我希望它滑下一個div。

Answer 1

$(function() { 
 
    $('input[value=access]').click(function() { 
 
    $('#access').slideDown(); 
 
    }); 
 
});

<input type="button" value="access" /> 
 
<div id="access"> 
 
    Here, this will slide down 
 
</div>

Answer 2

$("#myButton").click(function() { 
    $("#myDiv").slideDown(); 
}); 

Answer 3

u可以使用這樣

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 

JS

<script>   
    $(document).ready(function() { 
     // Handler for .ready() called. 
     $("#mybutton").click(function() { 
      $("#example").slideDown('slow'); 
     }); 
    });    
</script> 

HTML

<div id="example" style="display: none;"> 
    Hello World 

</div> 

<button id="mybutton" >Access</button>