我可以将jQuery中的CollapsiblePanelExtender复制为一种方法吗？

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);
        }

    });

然后我会使用OnClientClick在每个涉及的HyperLink中调用此函数。

有办法做到这一点吗？

Answer 1

你看过jquery accordian插件了吗？