无法隐藏/显示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

回答

相关问题