
这是一款基于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>










暂无评论内容