0

我需要隐藏一个 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>
4

4 回答 4

1

尝试这个：

您必须最初隐藏另一个 div

$('div').click(function(){
    $(this).hide();
    $(this).siblings().show();
});
于 2013-02-04T09:56:27.660 回答
0

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

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

通常，您可以使用 jQuerytoggle在两个项目之间交替显示

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();
    });
});
于 2013-02-04T10:00:23.307 回答
0

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

于 2013-02-04T09:57:11.313 回答
0

添加jquery库文件

例子在这里

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();
    });
});
于 2013-02-04T10:01:13.183 回答