只有一個

Question

我創建了一個手風琴簡碼爲WordPress，直到只有一個手風琴一個頁面正常工作在頁面上功能簡碼...

這裏的問題是http://panel.daweb.cz/?page_id=119

手風琴是在底部第一頁工作正常，但第二個沒有。我正在使用jQuery jquery-ui.js獲得手風琴效果（http://jqueryui.com/demos/accordion/）。

有人知道如何解決它或在哪裏真的很好教程如何做手風琴短代碼的WP？

感謝您的時間

Answer 1

在你的JavaScript文件otherjs.js你在底部

// Load accordion 
$(function() { 
    $("#accordion").accordion(); 
    $('.flexslider').flexslider(); 
}); 

無論您accordians有這樣的代碼有「手風琴」的ID。同一頁面上的兩個項目不應該有相同的ID，因爲它們必須是唯一的，這意味着jQuery只會設置它找到的第一個手風琴。

你需要做的是給你的第一手風琴accordion1和第二accordion2的ID，然後在otherjs.js你的JavaScript改變這個什麼：

// Load accordion 
$(function() { 
    $("#accordion1").accordion(); 
    $("#accordion2").accordion(); 
    $('.flexslider').flexslider(); 
}); 

或者你可以得到兩個擺脫ID的您的手風琴和給他們類accordion，那麼你會使用此代碼加載手風琴：

// Load accordion 
$(function() { 
    $(".accordion").accordion(); 
    $('.flexslider').flexslider(); 
});