jquerytoggle事件改为切换可见性
这是我的jQuery:jquerytoggle事件改为切换可见性,jquery,toggle,Jquery,Toggle,这是我的jQuery: $('#help').toggle(function () { $('#center').animate({ paddingTop: '70px' }, 200); $('.child_help').slideDown(300); }, function () { $('#center').animate({ paddingTop: '50px' }, 200); $('.child_help').slideUp(300); });
$('#help').toggle(function () {
$('#center').animate({
paddingTop: '70px'
}, 200);
$('.child_help').slideDown(300);
}, function () {
$('#center').animate({
paddingTop: '50px'
}, 200);
$('.child_help').slideUp(300);
});
当我加载页面时,它会切换#help
的可见性。我想做的是,当您单击它时,它应该向上或向下滑动.child\u help
,并进行一些填充动画。在jQueryAPI上,它只说:
注意:jQuery还提供了一个名为.toggle()的动画方法,用于切换元素的可见性。是否触发动画或事件方法取决于传递的参数集。
我所能看到的触发事件或切换可见性的唯一区别是它是否为$('#help')。切换(函数(){dosomethine here})
,而不是$('#help')。切换('slow')代码>
这里有我遗漏的东西吗
编辑:下面是我的HTML
<div id="center">
<div class="child_help">
some help text here
</div>
<div class="child">
<b>Account Activation</b>
<img src="/css/images/help.png" alt="" id="help" />
</div>
<form method='post'>
<input type="text" name="code" value="Code" class="code" />
<span class="case">Case-sensitive</span>
<input type="submit" name="submit" value="Activate" class="submit" />
</form>
</div>
这里有一些帮助文本
帐户激活
区分大小写
html是什么样子的?切换事件处理程序在1.8中被弃用,在1.9中被删除。如果您使用的是较新版本的jquery,此切换方法将无法工作:哦,谢谢。他们应该在jquery API上这样说。@chrinsen它在最顶端的头上这样做。。它说版本1.8已被弃用,1.9已被删除。。你能做的就是把它绑定到一个点击处理程序,然后在那里做你的动画。我没有使用它的唯一原因是因为我也想给一些css做动画。但除此之外,这也行。我在你的问题中添加了css动画。谢谢!很好用。
$(function(){
$("#help").click(function(){
var padding="70px";
if($(".child_help").css("display")=="none") padding="50px";
$('#center').animate({
paddingTop: padding
}, 200);
$(".child_help").slideToggle();
});
});