Javascript: Onglets dans un système de recherche?

Question

Eh bien, j'ai besoin d'un peu d'aide ici, je ne comprends pas comment je peux réussir à rendre ce script dynamique. J'aime appuyer sur un continent, et il ouvre la terre correcte - alors de la terre, il devrait ouvrir la bonne région -> Et à partir de là, il devrait ouvrir la bonne ville. Aussi, il ne devrait pas essayer d'en ouvrir un, si ce continent/terre/région n'a pas d'enfant -> pas d'autre onglet.

C'est ma partie d'un moteur de recherche. Le PHP et le HTML doivent être montrés ici, cela fonctionne bien. J'aime faire un système d'onglet avec lequel je pourrais fermer chaque boîte, à côté du premier. Cela devrait être la boîte contenant les continents. De là, vous sélectionnez un point de cette case, dans l'exemple Europa. Ensuite, la case contenant les terres d'Europa devrait être visible. Ensuite, vous pouvez sélectionner à nouveau l'étape suivante, ici dans l'exemple que vous sélectionnez maintenant dans la deuxième case Europa-> Espagne Ensuite, il faut ouvrir la boîte avec le contenu de l'Espagne et ainsi de suite.

$(document).ready(function(){ 
     $('#select_land_1').click(function(){ 
      $('.box_land').hide(); 
      $('.box_region').hide(); 
      $('.box_city').hide(); 
      $('#land_1').show(); 
      $('#select_region_12').click(function(){ 
       $('#region_12').show(); 
       $('#select_city_34').click(function(){ 
        $('#city_34').show(); 
       }); 
       $('#select_city_35').click(function(){ 
        $('#city_35').show(); 
       }); 
      }); 
     }); 

Le Css ressemble que: http://img641.imageshack.us/img641/1479/bildnr1error.jpg

Merci beaucoup pour votre aide :)

Answer 1

Ce:

 $('.box_land'+'#land_1').show(); 

est bizarre et presque certainement pas ce que vous voulez . Vous n'avez pas publié de code HTML, mais vous voulez peut-être simplement:

 $('#land_1').show(); 

Identique pour l'autre.