<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <input id="i1" type="button" value="开关" /> <div class="c1 hide">假装现在有效果了</div> <script src="jquery-1.12.4.js"></script> <script> $('#i1').click(function () { #zs# 第一种方法 if($('.c1').hasClass('hide')){ $('.c1').removeClass('hide') }else { $('.c1').addClass('hide') } #fzs# //jquery实现方法 $('.c1').toggleClass('hide') }) </script> </body> </html>View Code
View Code
View Code
通过索引实现菜单更方便
View Code
View Code
View Code
View Code
View Code
View Code
View Code
View Code
View Code
View Code
View Code
View Code
View Code