Можно ли скопировать файл 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?