toggle 更多.收缩 – 有爱前端

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .f-db{display: block!important;} </style> </head> <body> <button class="a">【更多】</button> <div style="display:none;width:500px;height:500px;background:red;" class="b"> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $('.a').click(function(){ $(this).text(($(this).text() == '【收缩】') ? '【更多】' : '【收缩】'); $('.b').toggleClass('f-db'); }); </script> </body> </html>

提示：你可以先修改部分代码再运行。

转载请注明：有爱前端 » toggle 更多.收缩