Могу ли я скопировать CollapsiblePanelExtender в jQuery как один метод?

Я начинаю процесс перехода от AjaxControlToolkit к JQuery. То, что я хочу сделать, это иметь одну функцию, которая дублирует функциональность CollapsiblePanelExtender. Для определенного набора гиперссылок и div код выглядит так:

$('#nameHyperLink').click(function() {

        var div = $('#nameDiv');
        var link = $('#nameHyperLink');
        if (div.css('display') == 'none') {
            link.text('Hide Data');
            div.show(400);
        }
        else {
            link.text('Show Data');
            div.hide(400);
        }

    });

То, что я действительно хочу сделать, - это написать эту функцию только один раз, а затем использовать ее для многих (около 40) экземпляров на моем веб-сайте. В идеале я хочу вот что:

function showHidePanel(divID,linkID,showText,hideText){
        var div = $(divID);
        var link = $(linkID);
        if (div.css('display') == 'none') {
            link.text('Hide Data');
            div.show(400);
        }
        else {
            link.text('Show Data');
            div.hide(400);
        }

    });

Затем я бы вызвал эту функцию из каждого задействованного HyperLink, используя OnClientClick.

Есть ли способ сделать это?

1 ответ

Вы смотрели на jquery аккордеонный плагин?

Другие вопросы по тегам