jQuery:Toggle&;淡入?
我有下面的开关,它工作得很好,天知道我是怎么让它工作的;我不明白这一切jQuery:Toggle&;淡入?,jquery,toggle,fadein,Jquery,Toggle,Fadein,我有下面的开关,它工作得很好,天知道我是怎么让它工作的;我不明白这一切 jQuery(function() { jQuery('.toggle1').click(function() { jQuery('.toggle-box').slideToggle('fast'); return false; }); }); .toggle box中的任何内容在切换框打开后是否可能淡入 我试着加上 jQuery(".toggle-box").fadeIn
jQuery(function() {
jQuery('.toggle1').click(function() {
jQuery('.toggle-box').slideToggle('fast');
return false;
});
});
.toggle box
中的任何内容在切换框打开后是否可能淡入
我试着加上
jQuery(".toggle-box").fadeIn(2000);
但是没有运气
有可能吗
非常感谢您的帮助。这里有一些最佳做法可以帮助您,但一般来说,只要有任何容器(我称之为.toggle-boxInner)fadeIn()即可 此外,你的代码可能会有一些清理,只是一些捷径
$(function(){ // when ready...
// here's your onClick listener for the toggle1 class element(s)
$('.toggle1').click(function(){
// slideToggle the toggle-box
$('.toggle-box').slideToggle('fast', function(){
// this is called when the toggle-box slideToggle is complete
$('.toggle-box .toggle-boxInner').fadeToggle('fast');
});
return false; // i don't think you should need this unless you're using
// a <a/> or <input type='submit' />
// as the .toggle1 element
});
});
$(函数(){//准备就绪时。。。
//这是toggle1类元素的onClick侦听器
$('.toggle1')。单击(函数(){
//滑动切换切换框
$('.toggle box')。滑动切换('fast',function(){
//当切换框滑动切换完成时,将调用此选项
$('.toggle-box.toggle-box-inner').fadeToggle('fast');
});
return false;//我认为您不应该需要这个,除非您正在使用
//或
//作为.toggle1元素
});
});
您可能需要。淡入淡出切换内部容器,使其在切换框向后滑动时消失。另外,您可以随意更改。fadeIn(“慢”)为“快”
希望这有帮助
编辑:进行了建议的更改:p
$(function() {
$('.toggle-box').hide().contents().hide();
$('.toggle1').on('click', function(e) {
e.preventDefault();
$('.toggle-box').slideToggle('fast', function(e) {
if ($(this).is(':visible')) {
$(this).contents().fadeIn(2000);
}else{
$(this).contents().hide();
}
});
});
});
目前的两个答案并没有回答我所想的问题,但问题有些模糊。您是否可以提供一些HTML代码,最好是一个或其他工作示例?