jQueryのtoggleで、次に来る要素も滑らかに動かすにはどうしたらいいのでしょうか?
↓の場合2個目のtargetは消えた要素があった場所に一瞬で移動してしまうので、違和感があるんですよね。
$(".target").on("click",function(){
$(this).next().toggle("drop");
})
<div class="target">target</div>
<div class="targetbody">本文</div>
<div class="target">target</div>
<div class="targetbody">本文</div>
みんなの回答 6 件
自分で工夫しない事には、ずっと聞くことになる。
queue() を調べてね。
あと.toggle(’drop’) って見たことないんだが…
dropじゃなくてblindじゃダメなんですか?
↑いけるんじゃないっすか?
jQueryアニメーションを使わなくてもいいようなシチュエーションで使おうとするところに根本的な問題発生原因がある。CSSでやればaddClassだけで済むのに。
というか、jsだけで滑らかとか言ってしまうのに無理があるかと・・・。工数的にもCSS使おうよ・・・。ほんと、雑魚。
関連するトピックス