jQuery ændre attr onlick

Jeg tror jeg ville sætte en id på den yderste ul

 <ul id="fileTree">
     <li>
         <b class="openFolder">andershagbard.wep.dk</b>
         <ul>
             <li>
                 <b class="openFolder">Andershagbard</b>
                 ....
             </li>
         </ul>
     </li>
     <li>unins000.dat</li>
 </ul>

og så sætte en delegated event handler på den:

 <script>
     $("#fileTree").on('click', '.openFolder', function() {
         // Find ul
         $(this).siblings('ul')
     });
 </script>

Tilsvarende kan du selvfølgelig sætte en event handler til alle elementer med klassen 'closeFolder'

 <script>
     $("#fileTree").on('click', '.closeFolder', function() {
         // Find ul
         $(this).siblings('ul')
     });
 </script>

Det var fordi jeg synes det lidt mere præcist beskriver, hvad det er jeg tror du vil. Nemlig at tage det b-element der bliver klikket på, og ud fra det finde det ul-element der er på samme niveau i dom'en.

Men hvis du synes bedre om parent().find() synes jeg du skal beholde det, for det fungerer lige så godt, og det er en smagssag om man foretrækker det ene frem for det andet.

Har du lavet en metode på samme måde til close-folder metoden?
Og lavet noget der udløser en effekt ud over at skifte klassen?

Det er jo ligemeget.

openFolder.click() function skal jo ikke triggers når jeg har skiftes den class?

Jeg kunne forestille mig det har noget at gøre med at attr skifter direkte HTML'en i stedet for DOM'en.

Prøv at bruge addClass/removeClass når du tilføjer/fjerner class på et element.

Så hvis du vil fjerne en class fra et element f.eks.
$('.openFolder').removeClass('openFolder');

Samme resultat.

Ok. Så vil jeg foreslå dig at du fjerner dit click event, når du fjerner din class. Prøv at tage et kig på: http://api.jquery.com/unbind/

Jeg ved ikke om det er den smarteste måde, men det er lige hvad jeg selv ville gøre på nuværende tidspunkt.

Kan ikke lige se løsningen med unbind.
Kan føle i mangler lidt mere kode at se på.

Jeg er igang med at lave en funktion der viser en FTP, og så skal man jo kunne lukke og åbne mapperne.

Sådan her ser opsætningen ud.

 <ul>
     <li>
         <b class="openFolder">andershagbard.wep.dk</b>
         <ul>
             <li>
                 <b class="openFolder">Andershagbard</b>
                 <ul>
                     <li>
                         <b class="openFolder">images</b>
                         <ul>
                             <li>background.jpg</li>
                             <li>button.png</li>
                             <li>button_hover.png</li>
                             <li>close.png</li>
                             <li>icons.png</li>
                             <li>logo.png</li>
                             <li>right_box.png</li>
                         </ul>
                     </li>
                     <li>
                         <b class="openFolder">styles</b>
                         <ul>
                             <li>reset.css</li>
                             <li>style.css</li>        
                         </ul>
                     </li>
                     <li>download.html</li>
                     <li>index.html</li>
                     <li>readme.html</li>        
                 </ul>
             </li>        
         </ul>
     </li>
     <li>unins000.dat</li>
 </ul>

JavaScript delen:

 <script>    
 $(".openFolder").click(function() {
     // Her finder jeg så den ul jeg vil bruge og load() noget data ind i den.
     $(this).parent().find('ul')
 });
 </script>

Kan ikke se hvordan jeg skal løse problemet.

Tak AH virkede rigtig godt.
Men hvorfor har du valgt siblings? og ikke find.