Questione : Linguette semplici di Jquery

Ciao, il
I deve fare un'interfaccia catalogata altamente su misura. *do I non * volere usare le linguette di ui di Jquery - sono piacevoli, ma devo fare il mio own.
I che cerca le idee su come realizzare this.

I che va fare qualcosa come: class= " lineNumbers " >
1 del >

class= " linguette " del 

  

  
content per la linguetta 3

class= libero " lineNumbers " >
1 del >



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

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

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

$(".tab3_link ").click (funzione (e) {
  $(".tab3„) .show ()
  $(".tab3„) .siblings () .hide ()
  e.preventDefault ();
}) class= che >


This è appena la mia idea iniziale, il problema di 

Can che chiunque suggerisce un migliore senso di raggiungimento del di cui sopra?? 

Cheers
John






  
  class= del 





  
 
  
  



Risposta : Linguette semplici di Jquery


  

 



 


Il senso abbinare i collegamenti della linguetta ai divs è di usare l'attributo del rel della modifica dell'ancoraggio e l'identificazione della divisione.



Ciò dovrebbe funzionare come versione approssimativa.   Probabilmente vorreste aggiungere la designazione in modo da è chiaro che la linguetta è selezionata e quale non sono.
 
                       

                       

         

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


           		
           
             

  
  
soddisfare per la linguetta 1

  
soddisfare per la linguetta 2

  
soddisfare per la linguetta 3




$ (“tab_link ").click (funzione (e) {$this = $ (questo); // questo è il collegamento che è stato scattato. pellame di // tutte le linguette. $(".tab ") .hide (); $("#„ + $this.attr (“rel ").val ()) .show (); esposizione di // la tabella scattata e.preventDefault (); })
 
           		
         

       

         

         

         

         

       










 

                            

                              

                                

                                  


                                    Altre soluzioni
                                     

 
programming4us programming4us