隐藏/显示按钮点击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>