0

1 つの div を非表示にして 1 つの 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

show（）を使用して表示し、hide（）を使用して非表示にします

于 2013-02-04T09:57:11.313 に答える
0

show特定のコードの場合...最後の行でjQueryのメソッドを呼び出す必要があります

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

一般に、jQuerytoggleを使用して 2 つのアイテムの表示を切り替えることができます

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

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 に答える