Puis-je copier le CollapsiblePanelExtender dans jQuery en tant que méthode?

Question

Je commence le processus de quitter le AjaxControlToolkit et vers jQuery. Ce que je veux faire est d'avoir une fonction qui duplique la fonctionnalité de CollapsiblePanelExtender. Pour un ensemble particulier de lien hypertexte et div, le code ressemble à ceci:

$('#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); 
     } 

    }); 

Ce que je veux vraiment faire est suffit d'écrire cette fonction une fois, utilisez pour des cas nombreux (environ 40) à travers mon site . Idéalement ce que je veux est ceci:

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

    }); 

J'appellerais alors cette fonction de chaque HyperLink impliqué en utilisant OnClientClick.

Existe-t-il un moyen de le faire?

Answer 1

Avez-vous regardé le plugin jquery accordian?