隱藏元素但fadeToggle（）不起作用

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#slider').hide(); 

    $('h3#work').click(function() { 
     $('#slider').fadeToggle('slow'); 
    }); 
}); 
</script>

此jQuery代碼應該切換淡入/淡出框，但第一行與hide()重寫它！隱藏元素但fadeToggle（）不起作用

它沒有hide()工作，所以我必須需要某種條件。有小費嗎？

下面是HTML代碼：

<div id="content_slider"> 

    <div id="slider">    
      <div id="slider_holder"><!-- slider content below--> 
     <ul id="slider1"><!-- master holder slider --> 

      <li><!-- derm surg--> 
      <div id="wrapper_2"> 

       <div id="video"> 
       <iframe width="400" height="275" src="http://www.youtube.com/embed/4Ty0dGHpzt8" frameborder="0" allowfullscreen></iframe> 
       </div> 
       <div id="text"> 
       <h2><a href="http://www.dermsurgscientific.com">Dermsurg Scientific</a></h2> 
       <p> 
      Web Developer for Dermsurg Scientific, a medical start-up that has designed and built a new surgical model for doctors to train their facial surgery skills in all types of suturing and tumor removal. 

       <br/> 
       <br/> 

         I did the design, development and used Magento for our store 
         </p> 
       </div> 
      </div> 
      </li>

來源

2012-01-23 nick

使用$('#slider').fadeOut(0);而不是$('#slider').hide();

來源

2012-01-23 19:57:21

，幾乎工程，但#slider仍然不會淡入。我會保持努力。 – nick

可能還有別的東西在這裏。將有助於查看代碼。 –

得到它的工作，需要簡化一些HTML代碼，再次感謝 – nick

工作對我來說：http://jsfiddle.net/V83kg/

來源

2012-01-23 19:59:27 ahmet2106

在我的#slider div我有一個幻燈片和其他東西，但它不會彈出。 – nick

也許隱藏了#slider所在的元素？向我們展示更多的代碼.. – ahmet2106

我檢查了我的CSS，並沒有顯示或可見性屬性附加到#slider div元素。我也沒有包括收盤股。 – nick

嘗試使用fadeToggle回調

<script type="text/javascript"> 

    $(document).ready(function() 
    { 
     $('h3#work').click(function() 
     { 
      $('#slider').fadeToggle('slow', function() 
      { 
       $('#slider').hide(); 
      }); 
     }); 
    }); 

</script>

來源

2012-01-23 19:59:45

隱藏元素但fadeToggle（）不起作用

回答

相關問題