隱藏/顯示按鈕點擊jQuery的基金會一個div

Question

這裏是我的代碼：

$('#btnmap').toggle(function(){ 
    $('#btnmap').val('Show Map'); 
    $('#map_canvas').hide(); 
}, function() { 
    $('#btnmap').val('Hide Map'); 
    $('#map_canvas').show(); 
}); 

HTML：

<div id="map_canvas" class="flex-video"></div> 
<input type="button" class="secondary small radius button right" name="btnmap" id="btnmap" value="Hide Map" /> 

當我的頁面加載它增加了顯示：無我的按鈕，而不是。 請幫幫我。

Answer 1

使用此代碼，

<script> 
$(document).ready(function(e) { 
    $('#btnmap').click(function(e) { 
     $('#map_canvas').toggle('fast'); 
     if($('#btnmap').val()=='Hide Map'){ 
      $('#btnmap').val('Show map'); 
     } 
     else{ 
      $('#btnmap').val('Hide Map'); 
      } 
    }); 
}); 
</script>