jquery手風琴激活不起作用

Question

我有這樣的accordion

<div id="accordion">
    <h3 id="idname1">text</h3>
    <div>
        Text TEXT text
    </div>
    <h3 id="idname2">text</h3>
    <div>
        Text TEXT text
    </div>
    <h3 id="idname3">text</h3>
    <div>
        Text TEXT text
    </div>
</div>

現在我希望人們點擊一個鏈接（在頁面頂部），然后該面板將打開en人們將在每次調用我的函數時看到它

$('.myclass').click(function() {
    // this is to open the right pannel 
    var getal = $(this).attr('id');
    alert(getal); // i get the right name

    $("#accordion").accordion('activate', 1);
});

我的控制台給了我這個錯誤

錯誤：對於accordion小部件實例，沒有這樣的方法“激活”

我不知道問題是什么我嘗試過很多不同的東西，但都沒有用。

Answer 1

我想您正在尋找以編程方式打開手風琴窗格。 如果是這樣，你想要這樣的東西：

$("#accordion").accordion("option", "active", 1);

（假設您使用的是jQuery UI庫）

http://api.jqueryui.com/accordion/#option-active

請注意，這將打開第二個折疊式窗格，因為這些選項接受基於0的整數。 （0是第一，1是第二，等等）。 所以只需確保將正確的整數傳遞給方法調用:)

您的代碼無法工作的原因是因為jQuery UI團隊剛剛刪除了v1.10中的activate方法，並特別推薦使用我提供的代碼： http ： //jqueryui.com/upgrade-guide/1.10/#re​​moved-activate-方法使用的活性選項

Answer 2

像這樣激活它

$( "#accordion" ).accordion( "option", "active", 0 );

要啟用/禁用為此目的使用方法。

$("#accordion" ).accordion( "enable" );
$("#accordion" ).accordion( "disable" );

要在第一次init之后訪問accordion的選項，請使用options對象。

$("#accordion").accordion( "option", "disabled", true ); // set
var x = $("#accordion").accordion( "option", "disabled"); // get

查看API http://api.jqueryui.com/accordion/

Answer 3

這應該有效，但它不會動畫：

$('.myclass').click(function () {
         // this is to open the right pannel 
         var getal = $(this).attr('id');
         alert(getal); // i get the right name

         $("#accordion").accordion('option', 'active', 1);
     });

您嘗試在1.9.x中使用WAS但在1.10.x中刪除的方法http://api.jqueryui.com/accordion/#option-active