jQuery bouton pour activer DIV

Question

Je veux faire une action simple où un utilisateur clique sur un bouton qui dit «accès», plutôt que de soumettre le formulaire, je veux qu'il glisser vers le bas 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 peut utiliser comme ceci

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