IE8不能与jQuery .show（）一起使用，并且不能在所有其他浏览器（包括ie9）上使用

Question

I have the following HTML:

<a class="select_class" style="font-size: 15px;"></a> 
<div class="dropDown" style="display: none;" >
    <!--somecode-->
</div>

And Javascript:

$('.select_class').click(function(){  
    var isVisible = $('.dropDown').is(':visible'); 

    if (isVisible) { 
        $('.dropDown').hide(); 
    } 
    else { 
        $('.dropDown').show(); 
    } 
    return false; 
});

It is giving me error that "null is null or not an object." and its working fine in IE9, Firefox and Chrome. Only in IE8 I am getting this issue.

Error is on the following line:

var isVisible = $('.dropDown').is(':visible');

Answer 1

Finally it worked..:) I replaced '$' symbol with 'jquery' and it worked :-) something like this:

jQuery('.select_class').click(function(){  
        var isVisible = jQuery('.dropDown').is(':visible'); 

        if (isVisible) { 
             jQuery('.dropDown').hide(); 
         } 
        else { 
            jQuery('.dropDown').show(); 
        } 
        return false;  });