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个容器。一个用于淡入淡出，一个用于滚动。

jQuery幻灯片切换和淡入问题

1 个答案: