简单js不会改

【求助】简单js不会改
原本是鼠标放上面，内容区出现相应的文本，现在想改成，点击以后，内容区出现相应的文本，怎么改啊？
我是菜鸟，只会把mouseover改成mouseclick，但是没用也！！

原来的：

HTML code

&lt;DIV id=IDN_A class=tt&gt;&lt;A class=on href="#"&gt;社联新闻&lt;/A&gt;&lt;A href="#"&gt;社团新闻&lt;/A&gt;&lt;/DIV&gt;&lt;DIV id=IDN_A_CONTENT class="jtjs_box box1"&gt;&lt;A href="#"&gt;&lt;IMG style="FLOAT: left" src="images/news3.jpg"&gt;&lt;/A&gt;&lt;DIV class="newslist"&gt;&lt;LI&gt;&lt;A href="#"&gt;大学生社团联合会第九届社团推荐会&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;校大学生社团联合会举行第七届学生社团表彰大会&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;广东石油化工学院第八届摇滚音乐节圆满落幕&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;我校第九届社团推介会隆重举行&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;校大学生社团联合会举行第七届学生社团表彰大会&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;广东石油化工学院第八届摇滚音乐节圆满落幕&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;广东石油化工学院第八届摇滚音乐节圆满落幕&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;我校第九届社团推介会隆重举行&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;校大学生社团联合会举行第七届学生社团表彰大会&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;广东石油化工学院第八届摇滚音乐节圆满落幕&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;/DIV&gt;&lt;DIV class="newslist" style="DISPLAY: none"&gt;&lt;LI&gt;&lt;A href="#"&gt;校大学生社团联合会举行第七届学生社团表彰大会&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;我校第九届社团推介会隆重举行&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;校大学生社团联合会举行第七届学生社团表彰大会&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;我校第九届社团推介会隆重举行&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;校大学生社团联合会举行第七届学生社团表彰大会&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;我校第九届社团推介会隆重举行&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;广东石油化工学院第八届摇滚音乐节圆满落幕&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;我校第九届社团推介会隆重举行&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;校大学生社团联合会举行第七届学生社团表彰大会&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;A href="#"&gt;广东石油化工学院第八届摇滚音乐节圆满落幕&lt;/A&gt;&lt;SPAN&gt;2011-12-15&lt;/SPAN&gt;&lt;/LI&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;SCRIPT type=text/javascript&gt;            $(document).ready(function(){                $("#IDN_A &gt; a").mouseover(function(){                    $("#IDN_A &gt; a").removeClass("on");                    $(this).addClass("on");                    $("#IDN_A_CONTENT &gt; div").hide();                    $("#IDN_A_CONTENT &gt; div").eq($("#IDN_A &gt; a").index(this)).show();                });            })&lt;/SCRIPT&gt;&lt;/DIV&gt;

更改的：

HTML code

&lt;div class="page-left" style="margin-top:10px;"&gt;&lt;div class="page-left lefttitle"&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="#" class="on" id=IDN_A&gt;社联新闻&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#" id=IDN_A&gt;社团新闻&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div id=IDN_A_CONTENT class="page-right"&gt;&lt;div class="righttitle"&gt;&lt;h1&gt;社联新闻&lt;/h1&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;img src="../images/19.gif"/&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="page-right" style="DISPLAY: none"&gt;&lt;div class="righttitle"&gt;&lt;h1&gt;社团新闻&lt;/h1&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;img src="../images/19.gif"/&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;[通知]校大学生社团联合会举行第七届学生社团表彰大会&lt;/a&gt;&lt;span&gt;2012年3月21号&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;SCRIPT type=text/javascript&gt;            $(document).ready(function(){                $("#IDN_A &gt; a").mouseclick(function(){                    $("#IDN_A &gt; a").removeClass("on");                    $(this).addClass("on");                    $("#IDN_A_CONTENT &gt; div").hide();                    $("#IDN_A_CONTENT &gt; div").eq($("#IDN_A &gt; a").index(this)).show();                });            })&lt;/SCRIPT&gt;

[解决办法]

HTML code

&lt;SCRIPT type=text/javascript&gt;            $(document).ready(function(){                $("#IDN_A &gt; a").click(function(){                //$("#IDN_A &gt; a").mouseclick(function(){                //我不清楚你没发上来的文件有没有改，但你刚发上来的这没改对.                    $("#IDN_A &gt; a").removeClass("on");                    $(this).addClass("on");                    $("#IDN_A_CONTENT &gt; div").hide();                    $("#IDN_A_CONTENT &gt; div").eq($("#IDN_A &gt; a").index(this)).show();                });            })&lt;/SCRIPT&gt;

简单js不会改

热点推荐