Question : Étiquettes simples de Jquery

Bonjour, le
I doivent faire une interface tabulée fortement adaptée aux besoins du client. Le *do I pas * vouloir employer les étiquettes d'ui de Jquery - elles sont gentilles, mais je dois faire mon own.
I AM recherchant des idées sur la façon dont mettre en application this.

I AM allant faire quelque chose comme : class= " lineNumbers " >

1 de >

class= " étiquettes " de 

  

      étiquette 1 de href='#'> du 
 du 
 du 
content pour l'étiquette 1

  

  

class= " de 
1 de >



$(".tab2 ») .hide () ;
$(".tab3 ») .hide () ;

$(".tab1_link ").click (fonction (e) {
  $(".tab1 ») .show ()
  $(".tab1 ») .siblings () .hide ()
  e.preventDefault () ;
})

$(".tab2_link ").click (fonction (e) {
  $(".tab2 ») .show ()
  $(".tab2 ») .siblings () .hide ()
  e.preventDefault () ;
})

$(".tab3_link ").click (fonction (e) {
  $(".tab3 ») .show ()
  $(".tab3 ») .siblings () .hide ()
  e.preventDefault () ;
}) class= de 


This est juste mon idée initiale, le problème est qu'elle ne mesure pas - pour chaque lien je devrais écrire une nouvelle fonction. Le problème est que je ne sais pas assortir les étiquettes lient à une division particulière de contenu dans un way.

Can que n'importe qui suggèrent une meilleure manière de réaliser ce qui précède ? ? 

Cheers
John





  
  class= de 

Réponse : Étiquettes simples de Jquery

La manière d'assortir des liens d'étiquette aux divs est d'employer l'attribut de rel de l'étiquette d'ancre et l'identification de la division.



Ceci devrait fonctionner comme version approximative.   Vous voudriez probablement ajouter dénommer ainsi il est clair que l'étiquette est choisi et lesquels ne sont pas.

1 : 2 : 3 : 4 : 5 : 6 : 7 : 8 : 9 : 10 : 11 : 12 : 13 : 14 : 15 : 16 : 17 : 18 :

Étiquette 1 Étiquette 2 Étiquette 3 contenter pour l'étiquette 1 contenter pour l'étiquette 2 contenter pour l'étiquette 3 $ (« tab_link ").click (fonction (e) {$this = $ (ceci) ; // ceci est le lien qui a été cliqué. peau de // toutes les étiquettes. $(".tab ") .hide () ; $("# » + $this.attr (« rel ").val ()) .show () ; exposition de // la tableau cliquée e.preventDefault () ; })