javascript - jQuery 滑动切换和淡入问题

Question

http://www.kflap.com/articles.php?id=2

正如您所看到的，单击数字时，标题会淡入正常，但文本只是显示在下方，而不是滑入到位。然而，当关闭时，文本会完美地滑回。我知道这可能是一个奇怪的技术细节，因为淡入和滑动切换是相关的。

JQUERY

$(document).ready(function(){
$(".revealHeader").click(function(){
      $(".revealTitle", this).fadeIn("fast");
      $(this).nextAll(".revealText").first().slideToggle();
});
});

HTML

<div id="reveal">
<span class="revealHeader">10. <span class="revealTitle">EXAMPLE</span></span>
<span class="revealText"><img src="EXAMPLE.JPG" /></span>

请注意，我对 jQuery 很糟糕，因为我愚蠢地从来没有费心去正确地学习它。 (随意撕碎我的代码。)

Answer 1

试试这个...这将在淡入淡出完成后执行幻灯片。

  $(".revealTitle", this).fadeIn("fast", function(){
      $(this).nextAll(".revealText").first().slideToggle();
  });

如果您确实希望它们同时完成，我认为您需要将内容分成 2 个容器。一种用于淡入淡出，一种用于滚动。