Question

我想做一个简单的操作，用户点击一个显示“访问”的按钮，而不是提交表单，我希望它向下滑动div。

Answer 1

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

Answer 2

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

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

Answer 3

你可以这样使用

<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>

用于激活DIV的jQuery按钮

3 个答案: