CODEWITHSUNDEEP
jqueryhtml
nmyster
nmyster

Reputation: 452

jQuery button to to activate DIV

I want to make a simple action where a user clicks a button that says "access", rather than submitting the form, I want it to slide down a div.

Upvotes: 0

Views: 417

Answers (3)

danludwig
danludwig

Reputation: 47375

$(function() {
  $('input[value=access]').click(function() {
    $('#access').slideDown();
  });
});
<input type="button" value="access" />
<div id="access">
  Here, this will slide down
</div>

Upvotes: 1

Mohammed Shannaq
Mohammed Shannaq

Reputation: 835

u can use like this

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

Upvotes: 1

karim79
karim79

Reputation: 342635

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

Upvotes: 1

Related Questions