jquery - 在按钮上隐藏/显示一个 div 点击 jquery FOUNDATION

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" />

当我的页面加载时，它会将 display:none 添加到我的按钮中。请帮我。

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>