jquery在show和hide div之后转到div或page的顶部

Question

我在底部有一个带有LINK的div A（上面有许多内容）。 点击LINK后隐藏div A并显示div B（我使用fade in fade）， div B从内容的开头不显示/淡入，但在我点击链接的中间。 我该怎么做才能让它显示在div或页面的顶部？

https://jsfiddle.net/5zqcp6gn/

$('.click').click(function() {
		$(".a").fadeOut("slow", function() {
			$(".b").fadeIn("slow");
		});
	});

.b {display:none;}

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="a">a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> </div>

<div class="b">b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br>
</div>

<a href="javascript:void(0)" class="click">Click</a>

Answer 1

对我来说，它从内容的开头就消失了。我添加了相同数量的＆＃34; b＆＃34; as＆＃34; a＆＃34;。

Link to jsFiddle

<div class="a">a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br>  a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> </div>

<div class="b">b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br>  b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> </div>

Answer 2

如果我没弄错的话，你错过了Jquery插件。请仔细检查并包含它。它会正常工作。

Answer 3

这是因为您没有在小提琴的设置中启用jQuery框架。

您还需要更改此行：

<a href="javascript:void(0)" class="click">Click</a>

到

<a href="#" class="click">Click</a>

https://jsfiddle.net/yz7p73nh/9/