Jquery之删除内容效果

                                        Jquery之删除内容效果

jquery插件功能强大，今天我们来看看是实现删除内容的效果。

效果图：

我们点击右上角的x就会实现把这部分内容删掉。

实现思路：

首先写好页面样式后，引入jquery文件。在为x这个按钮添加点击事件。点击后获取父级元素，再使用jquery的动画事件：

animate把整个div隐藏。

jquery代码：

$(document).ready(function(){
						   
	$(".pane .delete").click(function(){
		$(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
	});

});