jQuery+CSS3点击滑动显示分享图标按钮代码

这是一款基于jQuery+CSS3点击滑动显示分享图标按钮代码，点击关闭按钮再次收缩隐藏起来。

js代码

<script>
$(function(){
	$('#btn_content').on('click',function(){
		$('#btn_extend').toggleClass('btn');
		var btn_class=	$(this).attr('class');
		if(btn_class=='btn_content'){
			setTimeout(function(){$('.sub_btn_pannel').removeClass('hide');},100);
			$(this).removeClass('btn_content');
			$(this).addClass('btn_content_fz');
			return btn_class;
		
		}
		else if(btn_class=='btn_content_fz'){
		
				setTimeout(function(){
				$('.sub_btn_pannel').addClass('hide');
			},100);
		$(this).removeClass('btn_content_fz');
		$(this).addClass('btn_content');
		return btn_class;
		}
	})
});
</script>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载