Home/ Questions/Q 9018527
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T04:32:58+00:00

I am making a jeopardy game. When I click a div I want to

  • 0

I am making a jeopardy game. When I click a div I want to do some effect on it. However, I can’t even get a simple .hide to work. Any ideas?

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Jeopardy</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap-responsive.css" rel="stylesheet">
        <link href="css/bootstrap.css" rel="stylesheet">        
        <link href="css/customStyles.css" rel="stylesheet">     
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="js/flip.js"></script>
    </head>
    <body>
        <div class ="container"> 
            <div class="row">   
                <div class="prizeAmount">                               
                    <div class="span2">     
                        <h3 id="test">100</h3>                          
                    </div>
                    <div class="span2">     
                        <h3>100</h3>                                
                    </div>  
                    <div class="span2">     
                        <h3>100</h3>                                
                    </div>
                        <div class="span2">     
                            <h3>100</h3>                            
                    </div>
                    <div class="span2">     
                        <h3>100</h3>                        
                    </div>  
                    <div class="span2">     
                        <h3>100</h3>    
                    </div>  
                </div>
            </div>
        </div><!--close container-->
    </body>
</html>

javascript

$(function() {    
    $('#span2').click(function() {
        $(this).hide(400);
        /*$('#span2').hide(400);  <--tried this also */
    });
});

I’ve used jquery to animate navigation on a site before. Am i missing something obvious?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your problem is that you are using the hash # which is the id selector instead of the class selector which is a dot ..

    Try 

    $(function() {    
    $('.span2').click(function() {
        $(this).hide(400);
     });
 });

    You might want to read up more on the different jQuery Selectors on the official documentation

    • 0