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

Question

Я начинаю процесс перехода от 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.

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

Answer 1

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