1
我怎麼能寫的jQuery的一部分,這樣,當試驗被點擊,它會顯示在下拉菜單中選擇:jQuery的切換下拉菜單
更新:
jQuery(document).ready(function() {
$("a[href='http://sheep.local/cms/trials']").click(function(e){
e.preventDefault(); // In case you don't want the link to open...
$(this).next('ul').slideToggle();
});
});
HTML:
<div id="mainnavwrap">
<div id="mainnav" class="clearfix">
<ul class="menu">
<li class="first current">
<a href="http://sheep.local/cms/home">Home</a>
</li>
<li>
<a href="http://sheep.local/cms/features">Features</a>
</li>
<li>
<a href="http://sheep.local/cms/options">Options</a>
</li>
<li>
<a href="http://sheep.local/cms/pumps-motors">Pumps & Motors</a>
</li>
<li>
<a href="http://sheep.local/cms/shows">Shows</a>
</li>
<li>
<a href="http://sheep.local/cms/trials">Trials</a>
<ul>
<li class="first">
<a href="http://sheep.local/cms/trials/mathews-trial">Mathews Trial</a>
</li>
<li>
<a href="http://sheep.local/cms/trials/novatis-trial">Novatis Trial</a>
</li>
<li>
<a href="http://sheep.local/cms/trials/waimati-vet-trial">Waimati Vet Trial</a>
</li>
<li class="last">
<a href="http://sheep.local/cms/trials/uk-scab-mite-trial">UK Scab Mite Trial</a>
</li>
</ul>
</li>
<li class="last">
<a href="http://sheep.local/cms/contact">Contact</a>
</li>
</ul>
</div>
</div>
CSS:
#wrapper #contentarea #blue_box .centerblue_txt ul li ul{
width:190px;
padding:5px 0 0 10px;
display:none;
}
#wrapper #contentarea #blue_box .centerblue_txt ul li ul li{
width:185px;
padding:5px 0 5px 5px;
border-top:1px dotted #424242;
border-bottom:0px;
}
#wrapper #contentarea #blue_box .centerblue_txt ul li ul li a,
#wrapper #contentarea #blue_box .centerblue_txt ul li ul li a{
width:180px;
padding:0 0 0 10px;
font-size:12px;
background:url(../img/liBullets.gif) no-repeat left 4px;
}
#wrapper #contentarea #blue_box .centerblue_txt ul li ul li#current a,
#wrapper #contentarea #blue_box .centerblue_txt ul li ul li a:hover{
color:#D1D1D1;
background:url(../img/liBullets.gif) no-repeat left 4px;
}
#wrapper #contentarea #blue_box .centerblue_txt ul li a:hover,
#wrapper #contentarea #blue_box .centerblue_txt ul li a:active {
background:#5490f3;
}
嘿,我已經包括在九月JS使用更新後的代碼在我的問題,但它似乎並沒有加載或工作。有任何想法嗎? – 2012-03-18 19:59:39
你說得對,.next('ul')似乎沒有選擇合適的元素,請嘗試使用'.nextAll'而不是 – aurbano 2012-03-18 20:03:12
Nope :(http://cl.ly/3o3M1u2e1X3f393c370T&我得到沒有與螢火蟲 – 2012-03-18 20:10:59