这是一款基于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>
暂无评论内容