使用jquery切换动画
使用jquery切换动画
提问于 2017-12-17 07:23:38
如果我用jquery点击按钮，我想切换动画。这是我已经尝试过的代码。
<div id="div1" style="height: 100px; width: 300px; background-color: black">
</div>
<button type="button" name="button">Click Me</button>
$("button").click(function() {
$("#div1").toggle(300, function() {
$("#div1").animate({left: "250px"});
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2017-12-17 19:01:00
我为你制作了this fiddle，希望能对你有所帮助：
Html：
<div class="holder">
<div id="div1" style="" class="div1">
</div>
</div>
<br/>
<button type="button" name="button">Click Me</button>Js：
$("button").click(function() {
if($(".div1").hasClass('left')){
$(".div1").removeClass('left');
}else{
$(".div1").addClass('left');
}
});Css：
$("button").click(function() {
if($(".div1").hasClass('left')){
$(".div1").removeClass('left');
}else{
$(".div1").addClass('left');
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47850870
复制相关文章
相似问题
腾讯云开发者
