showing a hidden div from jquery

Question

i have a div that starts out hidden:

<div id='deskView' style="display: none;">

how can i make it visible using jquery on a button click ?

Answer 1

You can look at the API.

http://api.jquery.com/show/

Answer 2

$('#deskview').show();

Answer 3

$('#button_id').click(function() {
  $('#deskView').show();
});

Anyway - this is a good place to look for further information: http://docs.jquery.com/Main_Page

Answer 4

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){

  $('#myButton').click(function(){
    $('#deskView').show();
  });

});
</script>

<div id="deskView" style="display: none;">
  desk  view
</div>

<input type="button" value="Click Me" id="myButton" />

Go through the Tutorials -- it's worth it.

Answer 5

<input type="button" value="Click" id="Button1" onClick="$('#deskView').show()" />