Javascript显示隐藏的div

Question

当条件满足时，我想显示一个隐藏的div，如下所示。

<script> 
jQuery.getJSON('http://freegeoip.net/json/', function(location) { 
    if (location.country_code == 'AU') { 
    jQuery.show(jQuery('#aus'));  
    } 
}); 
</script> 

<div id="aus" style="display:none;"> 
<div class="bottomBar"> 

This.. 

</div> 
</div> 

Answer 1

试试这个：

jQuery.getJSON('http://freegeoip.net/json/', function(location) { 
    if (location.country_code == 'AU') { 
    jQuery("#aus").show();  
    } 
}); 

请通过此：http://api.jquery.com/show/

Answer 2

首先，你应该包装，在一个document.ready，第二你需要使用这个语法.show：

jQuery(function() { // Wait for DOM to be ready 
    jQuery.getJSON('http://freegeoip.net/json/', function(location) { 
     if (location.country_code == 'AU') { 
     jQuery('#aus').show(); // Correct syntax for show method 
     } 
    }); 
});