Question

我需要隐藏一个div并显示一个div。我是Jquery的新手，但我尝试了几种我能找到的方法。它仍然不起作用，我不知道。任何人有任何想法？非常感谢您的帮助。

<div id="div1" runat="server">
<asp:Button ID="btnCalculate" runat="server" Text="Calculate Claim" OnClientClick="cfrm();"/>
    </div>
    <div id="div2" runat="server" visible="false">

        <script language="javascript" type="text/javascript">
            function cfrm() {
                var fee = $('[id$=lblTotalProcedureFee]').text();
                if (fee > 500) {
                    if (confirm('You are making a claim exceeding $500. Are you sure to do this operation?')) {
                        $('#div1').hide('fast');
                        $('#div2').show();
                    }
                }
            }
    </script>

Answer 1

试试这个：

你必须先隐藏另一个div

$('div').click(function(){
    $(this).hide();
    $(this).siblings().show();
});

Answer 2

使用show()显示并hide()隐藏

Answer 3

对于您的特定代码......您的最后一行应该调用jQuery的show方法

function cfrm() {
    //...
            $('#div1').hide('fast');
            $('#div2').show();
}

<小时/> 通常，您可以使用jQuery toggle来交替两个项

之间的可见性

CSS

.hidden { display: none; }

HTML

<div id='d1' class='alternate'>Blah1</div>
<div id='d2' class='alternate hidden'>Blah2</div>
<button id='hideBtn'>Hide/Show</button>

JS

$(function() {
    $('#hideBtn').click( function() {
        $('.alternate').toggle();
    });
});

Answer 4

添加jquery库文件

Example is here

HTML

<span class="tab">Click Here to See / Hide Hidden Output</span>
<div class="output">This is our Hidden output</div>

CSS

.output{  display:none;  }
.tab{ bordar:1px solid;   background:#d0d0d0; cursor:pointer; padding:5px; }

Javascript

$(document).ready(function(){
    $('.tab').click(function(){
      $('.output').toggle();
    });
});

无法隐藏/显示div

4 个答案: