如何在AngularJS中执行slideDown或slideUp

How can I do slideDown or slideUp in AngularJS

本文关键字：slideDown slideUp 执行 AngularJS      更新时间：2023-09-26

这是我的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

$(function () {
	$('a').click(function (e) {
			e.preventDefault();
			$('div').slideUp();
			$("#box_" + $(this).attr("href")).slideDown();
			$(this).addClass("active");
			return false;
		});
});
.hide{
	display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="01">Open Box 01</a>
    <div id="box_01" class="hide">
    	Box 01
    </div>
    <a href="02">Open Box 02</a>
    <div id="box_02" class="hide">
    	Box 02
    </div>

您可能需要查看ngAnimate，即角度动画库。

这是一个很好的教程。

相关文章：