复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head titlejQuery事件的连接/title style type='text/css ' .div frame { width :260 pxborder :1 px固体# 666;font-size:10px } .div标题{背景色： # eeepadding:5px } .div content { padd :5 pxdisplay : none } .div curr color { background-color : red }/style script src=' http : jquery-1。9 .1 .js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $().divTitle ').单击(函数(){ $(').divTitle ').addClass('divCurrColor ').下一个('。divContent ').css('display '，' block ')})})/script/head body div class=' div frame ' div class=' div title '主题div class=' divContent ' a href='图片设置“htm ”.图片设置/abr/a href='展开图片和收缩图片“htm ”.展开图片和收缩图片/ABR///div/div/body/html实现以下效果

点击它，会显示如下效果