Cuestión : Lengüetas simples de Jquery

Hola, el
I tiene que hacer un interfaz tabulado alto modificado para requisitos particulares. El *do I no * querer utilizar las lengüetas del ui de Jquery - son agradables, pero necesito hacer mi own.
I que busca ideas en cómo ejecutar this.

I que va a hacer algo como: class= " lineNumbers " >
1 del >

class= " lengüetas " del 

  

  
content para la lengüeta 3

class= claro " lineNumbers " >
1 del >



$ (“.tab2”) .hide ();
$ (“.tab3”) .hide ();

$ (“.tab1_link ").click (función (e) {
  $ (“.tab1”) .show ()
  $ (“.tab1”) .siblings () .hide ()
  e.preventDefault ();
})

$ (“.tab2_link ").click (función (e) {
  $ (“.tab2”) .show ()
  $ (“.tab2”) .siblings () .hide ()
  e.preventDefault ();
})

$ (“.tab3_link ").click (función (e) {
  $ (“.tab3”) .show ()
  $ (“.tab3”) .siblings () .hide ()
  e.preventDefault ();
}) class= que >


This es apenas mi idea inicial, el problema de 

Can que cualquier persona sugiere una mejor manera de alcanzar del antedicho?? 

Cheers
John






  
  class= del 





  
 
  
  



Respuesta : Lengüetas simples de Jquery


  

 



 


La manera de emparejar acoplamientos de la lengüeta a los divs es utilizar la cualidad del rel de la etiqueta del ancla y la identificación del div.



Esto debe trabajar como versión áspera.   Usted querría probablemente agregar labrar así que está claro que la lengüeta se selecciona y cuáles no son.
 
                       

                       

         

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


           		
           
             

  
  
contentar para la lengüeta 1

  
contentar para la lengüeta 2

  
contentar para la lengüeta 3




$ (“tab_link ").click (función (e) {$this = $ (éste); // esto es el acoplamiento que fue chascado. piel de // todas las lengüetas. $ (” .tab ") .hide (); $ (“#” + $this.attr (“rel ").val ()) .show (); demostración de // el cuadro chascado e.preventDefault (); })
 
           		
         

       

         

         

         

         

       










 

                            

                              

                                

                                  


                                    Otras soluciones
                                     

 
programming4us programming4us