asp.net - 我可以将 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手风琴插件吗？