Javascript 切换在div中单击的动画

我想在每次单击div时向函数参数传递一个值，并在此函数中切换jQuery动画。我尝试了下面的代码，但无效：

<div onclick="aboutMe(about1)"></div>

---

我该怎么办？

您试图使用的切换函数签名已从源代码中删除。要达到您的要求，您需要检查当前宽度并相应地设置新宽度。试试这个：

$(x).click(function() {
    $(this).animate({ width: $(this).width() == 40 ? '600px' : '40px' });
});​

还请注意，每次单击

div

并启动

aboutMe（）

函数时，事件处理程序都将被附加。如果这不是预期的行为，则应更改代码，以便使用JS附加事件，如下所示：

<a href="#about1">About Me</a>

---

为什么不通过类来切换呢？这不是最好的答案，但你可以考虑这个。

var aboutMe=函数（x）{
$（x）.toggleClass（'short'）
};
$（函数（）{
$（'#clicker'）。单击（函数（）{
关于我（“#div1”）；
});
});
#第1部分{
高度：100px；
宽度：600px；
背景：#eee；
文本对齐：居中；
过渡：宽度1s线性；
}
#第1部分：短文{
宽度：40px；
}

嘿
切换
如何单击div？据我所知，它对div元素不起作用

<label onclick="aboutMe(about1)">About Me</label>

关于我


这是给你的小提琴。你只需要使用一个不同的元素。你的函数运行得很好

根据文档，切换也未被删除：

在不同的主题上看到了它：

}))

Toggle没有被删除，但是接受N个函数并在连续单击时在它们之间遍历的方法签名被删除了。
$(document).ready( function(){
$('#toggle-button').click( function() {
    var toggleWidth = $("#toggle").width() == 300 ? "200px" : "300px";
    $('#toggle').animate({ width: toggleWidth });
});