Home/ Questions/Q 8957049
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T14:53:58+00:00

What is wrong with this code ? it is not showing the 37DIV on

  • 0

What is wrong with this code ? it is not showing the 37DIV on click 

<a href="#" id="37" class="he"> CS504 </a>
<script>
$( "#37" ).click(function() {
    $( "37DIV" ).show( "bounce", 1000 );
});
</script>
<div id="37DIV" style="display:none">       
        <a href="thread-52.html">lorem pum sum</a>          
        <a href="thread-52.html">lorem pum sum</a>      
        <a href="thread-52.html">lorem pum sum</a>      
        <a href="thread-52.html">lorem pum sum</a>      
        </div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You forgot the # which tell jQuery to search by id.

    Replace

    $( "37DIV" ).

    with

    $("#37DIV" ).

    You should also have your code in a ready callback.

    And you must import jQuery before you use it. Put the import element in the head of your document :

    <!DOCTYPE html>
<html>
<head>
  <title> no title </title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
</head>
<body>
<a href="#" id="37" class="he"> CS504 </a>
<div id="37DIV" style="display:none">       
        <a href="thread-52.html">lorem pum sum</a>          
        <a href="thread-52.html">lorem pum sum</a>      
        <a href="thread-52.html">lorem pum sum</a>      
        <a href="thread-52.html">lorem pum sum</a>      
</div>
<script>
$(function(){
  $("#37").click(function() {
    $("#37DIV").show( "bounce", 1000 );
  });
});
</script>
</body>
</html>

    Note that ID starting with digits aren’t valid in HTML4 (but that shouldn’t be a problem). Note also that jQuery 1.5 is very old. You should use a more recent version as you use a recent jQuery UI.

    • 0