Home/ Questions/Q 4004432
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T08:16:22+00:00

<script type=text/javascript src=http://code.jquery.com/jquery-latest.min.js></script> <script type=text/javascript> $(document).ready({ $(‘#sh’).click(function(){ $(‘#container’).show(); }); }); </script> <style type=text/css> #container

  • 0
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready({
$('#sh').click(function(){
$('#container').show();

});
});
</script>
<style type="text/css">
#container {
width:350px;
height:350px;
border:1px solid #000000;
display:none;
}

</style>
</head>
<body>
<div id="container">
<p>paragraph 1</p>
</div>

<div>
<a href="#" id="sh">show</a>

</div>
</body>
</html>

clicking on link doesn’t trigger .show() at all!
What am i doing wrong??
Update: i tried $(document).ready({… it doesn’t help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A few things to keep in mind, load the scripts only after the document has finished loading:

    $(function(){
  /* Scripts here will run only
     after the document has loaded */
});

    Also, be sure to prevent the default behavior of links when using them to trigger actions:

    $(function(){
  $("#sh").click(function(e){
    e.preventDefault();
    $("#container").show();
  });
});

    With these changes, the code works as expected: http://jsfiddle.net/apsje/

    • 0