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