mootools fx.Acordian內容未能正確顯示

我是MooTools的新手，我試圖實現fx.Accordian插件。mootools fx.Acordian內容未能正確顯示

我已經包含了MooTools以及Accordian插件。我真的沒有嘗試做與MooTools網站演示中顯示的不同的東西。

在我的CSS，我已經插入：

#accordion { 
    margin: 20px 0 0; 
    max-width: 400px; 
} 

#accordion H2 { 
    background: #99ccff; 
    color: black; 
    cursor: pointer; 
    font-size: 10pt; 
    font-family: Helvetica, Arial, sans-serif; 
    text-align: left; 
    font-weight: bold; 
    line-height: 16px; 
    margin: 0 0 4px 0; 
    padding: 3px 5px 1px; 
    } 

#accordion .accordion_content { 
    background-color: #F4F5F5; 
} 

#accordion .accordion_content p { 
    margin: 0.5em 0; 
    padding: 0 6px 8px 6px; 
}

裏面的腳本標記在我的頭文件我有：

window.addEvent('domready', function(){ 
    new Fx.Accordion($('accordion'), '#accordion h2', '#accordion .accordion_content'); 
});

然後我試圖做類似下面的在HTML中：

<div id='accordion' class='customized'> 
<h2>What not #1</h2> 
<div class='accordion_content'> 
    <p>What not #1 is being displayed now</p> 
</div> 
</div>

我得到的手風琴H2正常顯示，但是，當我點擊它的手風琴co內容不顯示。任何人都可以幫我看看爲什麼這不起作用嗎？

來源

2011-04-29 Mark Nenadov

你的代碼沒有問題，你只需要在你的html中添加更多的手風琴部分。從文檔：

「的Fx.Accordion類創建一組被點擊的手柄時被觸發元素當一個元素切換到視圖，其他切換出。」

所以手風琴只有一個元素沒有什麼意義 - 作爲唯一的元素，無論你做什麼，它都將始終是主動元素。

我添加了一個<h2>觸發器和另一個內容<div>到您的原始代碼，它的工作原理完美。見http://jsfiddle.net/YayQD/1/

來源

2011-04-29 12:39:00

謝謝你讓我知道。我正在測試它，假設當我得到它的工作，我會補充剩下的。 – 2011-04-29 13:16:38

但是，它仍然不起作用。在jsfiddle.net（awesome site BTW）上做了一些修改之後，我發現我的MooTools的使用在某種程度上被我在同一個文件中其他地方使用jQuery $（document）.ready的事實弄糊塗了。有任何想法嗎？（我看到如果我現在可以找到任何東西） – 2011-04-29 13:22:47

顯然jQuery.noConflict（）;應該完成這個？儘管如此，還沒有運氣。 – 2011-04-29 13:25:21

mootools fx.Acordian內容未能正確顯示

回答

相關問題