無法隱藏/顯示div

我需要隱藏一個div並顯示一個div。我是jquery的新手，但我嘗試了幾種可以找到的方法。它仍然不起作用，我不知道。任何人有任何想法？非常感謝您的幫助。無法隱藏/顯示div

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

來源

2013-02-04 user1527923

展我們已經嘗試過的代碼。 – Jimbo

你試過了嗎？顯示一些代碼！ –

是否有任何理由'hide（）'和'show（）'不適合你？ –

試試這個：

你必須首先隱藏其他分區

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

來源

2013-02-04 09:56:27 Jai

使用show()顯示和hide()隱藏

來源

2013-02-04 09:57:11 CloudyMarble

針對您的特殊代碼...你最後的行應該調用jQuery的show方法

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

一般情況下，你可以兩個項目

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>

之間使用jQuery toggle交替知名度JS

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

來源

2013-02-04 10:00:23 nbrooks

http://jsfiddle.net/HAG69/ – nbrooks

添加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(); 
    }); 
});

來源

2013-02-04 10:01:13 softsdev

無法隱藏/顯示div

回答

相關問題