jquery - 在按钮单击jquery上隐藏/显示div

这是我的代码：

$('#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添加到我的按钮上。
请帮我。

最佳答案

使用此代码，

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

关于jquery - 在按钮单击jquery上隐藏/显示div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19496144/