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 
     } 
    }); 
});