How to display the button in a drop-down event?

advertisements

Hai i have a button and dropdown.When i change the dropdown i hide the button its working fine.Event after i want to show the button.how to do this.

once i hide i cannot view the button.i need to hide only the dropdown change function other time i want to show the button.

code

<html>
<head>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="http://code.jquery.com/jquery-1.7.2.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
    $("select").change(function(){
$("#myHeader").hide();
    });
});
</script>
<body>

<select id="header">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<input type="button"  id="myHeader" style="width:20%;background-color:blue" />
</body>
</html>


try this:

$("select").focus(function(){
     $("#myHeader").hide();
});

 $("select").blur(function(){
     $("#myHeader").show();
});

$("select").change(function(){
     $(this).trigger('blur');
});

DEMO