AjaxControlToolkit から jQuery に移行するプロセスを開始しています。私がやりたいことは、CollapsiblePanelExtender の機能を複製する 1 つの関数を持つことです。ハイパーリンクと 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);
}
});
私が本当にやりたいことは、この関数を 1 回だけ記述し、Web サイト全体で多く (約 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 からこの関数を呼び出します。
これを行う方法はありますか?