Question

如何使div可见＆amp;单击MVC3中的按钮后不可见。

Answer 1

您还可以检查div的状态，无论是隐藏还是可见，并使用相同的按钮来显示或隐藏它。此外，您可以相应地更改按钮的标题：

        $('#button1').click(function() {
            if ($('#id1').is(':hidden')) {
                $('#id1').show();
                $('#button1').val('hide');
            } else {
                $('#id1').hide();
                $('#button1').val('show');
            }
        });

Answer 2

Asp.net-MVC默认使用jQuery，所以这是jQuery版本：

$('#buttonId').click(function(){
     $('#divId').toggle();
});

Answer 3

可见/不可见，同时删除元素在页面中占据的空间

$('#someid').toggle(); // to toggle between visible/invisible

或$('#someid').show();和$('#someid').hide();

如果您想要显示/隐藏但保留元素占用的空间，请使用$('#someid').css({visibility:'hidden'});和$('#someid').css({visibility:'visible'});

但在这两种情况下最正确的方法是创建一个css类并添加该类或从元素中删除它

CSS规则

.hidden{ display:none; }

并使用$('#someid').addClass('hidden')和$('#someid').removeClass('hidden')

Answer 4

使用Javascript更好地在客户端进行

如何使div可见且不可见

4 个答案: