，什麼是複製維基百科菜單（帶有箭頭）

我要複製的菜單on the left hand side of wikipedia ，什麼是複製維基百科菜單（帶有箭頭）

最簡單的方法是有沒有存在這樣做的展開和摺疊或者我寫任何的jQuery插件它從頭開始？

我特別想向右和向下箭頭顯示以表明這是一個可點擊的菜單

2011-04-17 leora

http://api.jquery.com/toggle/ – 2011-04-17 04:18:16

$('selector').slideToggle('fast');

見jQuery的文檔瞭解更多信息：http://docs.jquery.com/Main_Page

嘗試了這一點：

<div class="title">Title</div> 
<div> 
    <ul> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     <li>Item 3</li> 
    </ul> 
</div> 
<div class="title">Title</div> 
<div> 
    <ul> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     <li>Item 3</li> 
    </ul> 
</div>

樣式：

.title 
{ 
    padding-left:10px; 
    background-image: url("ui/right_arrow.png") no-repeat; 
} 
.title.selected 
{ 
    background-image: url("ui/down_arrow.png") no-repeat; 
}

和你的jQuery：

$('.title').live('click', function() 
{ 
    $(this).toggleClass('selected'); 
    $(this).next().slideToggle('fast'); 
});

來源

2011-04-17 04:18:42

謝謝。。我如何得到正確的和向下的箭頭，就像他們在WIKIpedia上那樣清晰，你可以點擊鏈接 – leora 2011-04-17 12:11:41

你可以在div上使用「title」類的背景圖像，並使用padding-left：10px左右將文本從圖像中推開，所以文本不會位於圖像的頂部。然後，您可以使用jQuery的「toggleClass」方法添加/刪除「選定」類。選定的類可以覆蓋標題的背景圖像，並顯示不同的圖像。讓我知道你是否想要一個例子。 – 2011-04-17 15:39:54

發佈示例^^^ – 2011-04-17 15:48:21

，只要你喜歡使用摺疊菜單中jQuery UI和風采吧。或者你可以使用切換效果。

來源

2011-04-17 04:18:56 Triztian

，什麼是複製維基百科菜單（帶有箭頭）

回答

相關問題