[JavaScript][PHP]Pętla, jquery i pokaż ukryj Opcje

[kill15]

Witam.
Napisałem w php kawałek kodu który wyświetla mi kategorie: w kolejności rodzic -> dziecko -> dziecko dziecka( (IMG:style_emoticons/default/arrowheadsmiley.png) ) itd
Ale chciałbym jquery napisać kawałek kodu który pokazywałby mi kolejne pokolenia po naciśnięciu odpowiedniego + aczkolwiek nie wiem jak o zrobić.
Z pomocą kursów zrobiłem coś takiego:

[HTML] pobierz, plaintext 
 
  <script type="text/javascript">
 
  $(document).ready(
 
   function raz()
     {
 
   $('k1').click(
     function show()
     {
       $("#pok").toggle();
     }
    ).toggle(function(){$(this).text('-');}, function(){$(this).text('+');});
 
 
   }
 
  );
   </script>
   <k1>+</k1>
 <p id="pok" style="display: none;">Tekst1</p>
[HTML] pobierz, plaintext 

aczkolwiek to nie rozwiązuje mojego problemu tutaj dam kod php mój:

[PHP] pobierz, plaintext 
//tutaj kod jest niewazny
foreach($this -> def_table as $key => $view_it)
 {
 
   if($view_it['parent'] == '0')
   {
 
   echo '<a href="index.php?subpage=1&cat='.$view_it['id'].'">'.$view_it['name'].'</a><br>';
   $this -> view_kids($this -> def_table, $view_it['id']);
 
 
   }
//koniec funkcji
 
function view_kids($table, $parent)
{
 
 foreach($table as $new_table)
 {
  if($new_table['parent'] == $parent)
  {
 
  echo '<a href="index.php?subpage=1&cat='.$new_table['id'].'">'.$new_table['name'].'</a><br>';
 
  $this -> view_kids($table, $new_table['id']);
  }
 }
} 
[PHP] pobierz, plaintext 

Tutaj myślę aby zrobić tak:

[PHP] pobierz, plaintext 
//dla rodzica
echo '<k'.$view_it['id'].'></k>';
//dla dzieci
echo '<k'.$new_table['id'].'></k>';
// i to oprawić w 
echo '<class id="pok'.$new_table['parent'].'" style="display: none;"> //Tu nazwa itp
</class>';
[PHP] pobierz, plaintext 

Tylko jak to teraz z jquery zgrać ?



Ten post edytował kill15 5.09.2011, 19:43:23

[#luq]

Powinieneś takie menu trzymać w liście

[HTML] pobierz, plaintext 
<ul>
 <li>
   Rodzic
   <ul>
     <li>
       Dziecko
       (...)
     </li>
   </ul>
  </li>
</ul>
[HTML] pobierz, plaintext 

ukrywasz w jQuery wszystkie ul, poza pierwszym. Po kliknięciu na li pokazujesz ul zawarty w tym elemencie, i to wszystko (IMG:style_emoticons/default/wink.gif)