<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> <style> .section { display: none; border: 1px solid #999; background-color: #CCC; } .current { display: block; } </style> </head> <body> <h2>Section 1</h2> <div class="section"> <p>Section 1 content</p> </div> <h2>Section 2</h2> <div class="section"> <p>Section 2 content</p> </div> <script src="http://static01.baomihua.com/js/lib/jquery-1.4.4.min.js?t=20120926.js"></script> <script> var current = null $('h2').click(function() { if (current) { current.removeClass('current') } current = $(this).next().addClass('current') }) </script> </body> </html>