注册 登录 充值会员 退出
毕业设计 PHP源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-01-22
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>