Javascript特效之动画下拉效果

Javascript特效之动画下拉效果

今天来看看怎么实现好看的动画下拉框效果。

效果图：

点击按钮会呈现动画效果下拉获取缩回。

实现思路：

就是在div里面加一个p元素存放文字。在点击按钮是使用jquery动画效果slideToggle来显示或者隐藏p元素，再把按钮最右边的箭头改成相应的即可。

jquery代码：

$(document).ready(function(){

	$(".btn-slide").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
});