Jquery 隐藏元素但fadeToggle()不工作
使用Jquery 隐藏元素但fadeToggle()不工作,jquery,Jquery,使用$(“#滑块”).fadeOut(0)而不是$('#滑块')。隐藏()对我有效:尝试使用fadeToggle回调 <div id="content_slider"> <div id="slider"> <div id="slider_holder"><!-- slider content below--> <ul id="slider1"><!-- m
$(“#滑块”).fadeOut(0)代码>而不是$('#滑块')。隐藏()代码>对我有效:尝试使用fadeToggle回调
<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>
$(文档).ready(函数()
{
$('h3#work')。单击(函数()
{
$(“#滑块”).fadeToggle('slow',function()
{
$(“#滑块”).hide();
});
});
});
这几乎可以正常工作,但#滑块仍然不褪色。我会继续努力的。这里可能还有别的事情要做。查看代码会很有帮助。运行正常,需要简化一些HTML代码,再次感谢在我的#slider div中,我有一个幻灯片和其他东西,但它不会弹出。也许#slider所在的元素也被隐藏了?向我们展示更多的代码。我检查了css,没有显示或可见性属性附加到#slider div元素。我也没有包括收盘价。
<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>
<script type="text/javascript">
$(document).ready(function()
{
$('h3#work').click(function()
{
$('#slider').fadeToggle('slow', function()
{
$('#slider').hide();
});
});
});
</script>