我想在每次单击 div 时将一个值传递给一个函数参数,并在此函数中切换一个 jQuery 动画。我尝试了下面的代码,但没有用:
<div onclick="aboutMe(about1)"></div>
function aboutMe(x) {
$(x).toggle(function() {
$(x).animate({
width: '600px'
}, "slow");
}, function() {
$(x).animate({
width: '40px'
}, "slow");
});
};
我该怎么办?
最佳答案
为什么不通过 Class 切换它?这不是最佳答案,但您可以考虑这个。
var aboutMe = function(x) {
$(x).toggleClass('short')
};
$(function() {
$('#clicker').click(function() {
aboutMe('#div1');
});
});
#div1 {
height: 100px;
width: 600px;
background: #eee;
text-align: center;
transition : width 1s linear;
}
#div1.short{
width : 40px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">Hey</div>
<button id="clicker">Toggle</button>
关于javascript - 在 div 中点击切换动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35451702/