Как я могу передать переменную в качестве опции при создании аккордеона jQuery UI?

Question

У меня есть этот код:

$(acc_id).accordion({
    alwaysOpen: false,
    active: false,
    autoheight: false,
    header: 'h3.ui-accordion3-header',
    clearStyle: true
});

Я хочу отправить ему переменную, поскольку заголовок должен быть уникальным.

Answer 1

var header = 'h3.ui-accordion3-header';
$(acc_id).accordion({
        alwaysOpen: false,
        active: false,
        autoheight: false,
        header: header,
        clearStyle: true
    });

Answer 2

Подход, данный в примерах ChaosPandion и rochal (где заголовок определяется из переменной), мне кажется лучшим, но еще одна полезная вещь, о которой нужно знать, это то, что вы можете переопределить любую опцию на аккордеоне, используя опцию вариант, например:

$(acc_id).accordion({
                                alwaysOpen: false,
                                active: false,
                                autoheight: false,
                                header: 'placeholder',
                                clearStyle: true
                        });
$(acc_id).accordion('option', 'header', 'h3.ui-accordion3-header');

Таким образом, вы можете создать аккордеон, а затем установить значение заголовка.

Answer 3

Не совсем уверен, что вы ищете, но что-то вроде этого может работать

$(acc_id).accordion({
    alwaysOpen: false,
    active: false,
    autoheight: false,
    header: $(this).find('h3.ui-accordion3-header').text(),
    clearStyle: true
});

Answer 4

Попробуйте:

function Accord(acc_id, header_id) {
    $('#' + acc_id).accordion({
        alwaysOpen: false,
        active: false,
        autoheight: false,
        header: header_id,
        clearStyle: true
    });
}