jQuery突出显示并显示更多功能
我试图单击一个侧边导航项目,然后让它突出显示我内容中的一个div,但还需要打开“更多信息”链接。这是我目前掌握的代码 这是我目前拥有的侧导航代码。我知道这不是很漂亮的代码jQuery突出显示并显示更多功能,jquery,jquery-selectors,Jquery,Jquery Selectors,我试图单击一个侧边导航项目,然后让它突出显示我内容中的一个div,但还需要打开“更多信息”链接。这是我目前掌握的代码 这是我目前拥有的侧导航代码。我知道这不是很漂亮的代码 <ul class="side"> <li><a href='Default.aspx#range' onclick = "document.getElementById('range').style.backgroundColor = '#FFFF66'; document
<ul class="side">
<li><a href='Default.aspx#range' onclick = "document.getElementById('range').style.backgroundColor = '#FFFF66'; document.getElementById('satisfaction').style.backgroundColor = '#ffffff';">Range</a></li>
<li><a href='Default.aspx#satisfaction' onclick = "document.getElementById('satisfaction').style.backgroundColor = '#FFFF66'; document.getElementById('range').style.backgroundColor = '#ffffff';">Satisfaction</a></li>
</ul>
这是我的内容代码
<div id="Range">
<div class="header">Range<br /><a id="button1" href="javascript:toggle2('colcontent1','button1');" ><img src="images/more-info-button.png" width="76" height="20" /></a></div>
<div class="col2">;lekjra</div>
<div class="col3">;aeihba</div>
<div class="col4">aeb;</div>
</div> <!-- End of priceRange div -->
<div style="clear:both;"></div>
<div id="collapse">
<div id="colcontent1">
<div class="header"></div>
<div class="col2">jls.r;</div>
<div class="col3">a;ebb</div>
<div class="col4">;ihae</div>
</div>
</div>
<div id="satisfaction">
<div class="header">Satisfaction <br /><a id="button2" href="javascript:toggle2('colcontent2','button2');" ><img src="images/more-info-button.png" width="76" height="20" /></a></div>
<div class="col2">;iahib</div>
<div class="col3">ai;hei</div>
<div class="col4">akhge'l</div>
</div> <!-- End of satisfaction div -->
<div style="clear:both;"></div>
<div id="collapse">
<div id="colcontent2">
<div class="header"></div>
<div class="col2">;agei;</div>
<div class="col3">alghel;</div>
<div class="col4">ah;gioehai</div>
</div>
</div>
范围
;莱克吉拉
;艾伊巴
aeb;
jls.r;
A.落潮
;ihae
满意程度
;iahib
人工智能;嗨
阿克格尔
;阿吉;
阿尔盖尔;
啊,;琼海
如果你有任何建议,请让我知道
谢谢大家! 您想在哪里打开“更多信息”链接?在新窗口中?有两个
div
s具有相同的id=“collapse”
,这不好。什么是toggle2()
js函数?它应该在上面的div下面打开。切换功能定义了每个单独的更多信息,因此我可以一次打开一个。这里有一个链接。