Menu rozwijane kliknięciem

pytanie zadane 15 grudnia 2018 w JavaScript przez KRZYSZT0FSLENDER Nowicjusz (120 p.)
edycja 15 grudnia 2018 przez KRZYSZT0FSLENDER

Witam mam problem robię stronę internetową i mam taki skrypt


        $(document).ready(function(){
            $('.Closed').click(function(){
                $('.DropDownMenuUpperItem').children('a').children('i').addClass('fa-sort-down');
                $('.DropDownMenuUpperItem').children('a').children('i').removeClass('fa-sort-up');
                $('.DropDownMenuUpperItem').addClass('Closed')
                $('.DropDownMenuUpperItem').removeClass('Opened')
                $(this).children('a').children('i').addClass('fa-sort-up');
                $(this).children('a').children('i').removeClass('fa-sort-down');
                $(this).addClass('Opened')
                $(this).removeClass('Closed')
            });
        })
        $(document).ready(function(){
            $('.Opened').click(function(){
                $('.DropDownMenuUpperItem').children('a').children('i').addClass('fa-sort-down');
                $('.DropDownMenuUpperItem').children('a').children('i').removeClass('fa-sort-up');
                $(this).removeClass('Opened')
                $(this).addClass('Closed')
            })
        })

I chcem zrobić aby po kliknieciu w element <a> nadawał on klasę rodzicowi {klasa Opened} i zmieniał klasę ikonie która jest w środku tego elementu oraz aby usuwał on klase Opened innym elemntom jeżeli oczywiście takie coś istnieje

Pokaż 13 poprzednich komentarzy

komentarz 15 grudnia 2018 przez pablop76 VIP (123,180 p.)

Twardy jesteś :) Nie zobaczę css :(

komentarz 15 grudnia 2018 przez KRZYSZT0FSLENDER Nowicjusz (120 p.)

Nie

komentarz 15 grudnia 2018 przez pablop76 VIP (123,180 p.)

Ok.

chcem zrobić aby po kliknieciu w element <a> nadawał on klasę rodzicowi ...

Więc musisz pobrać wszystkie odnośniki i w petli nasłuchiwać kliknięcia, lub pobrać całą listę ol i sprawdzić czy element zdarzenia to odnośnik. Jak będziesz to miał wykonasz potrzebne działania.

komentarz 15 grudnia 2018 przez KRZYSZT0FSLENDER Nowicjusz (120 p.)

A może kod pisałem ze jestem początkujący

komentarz 15 grudnia 2018 przez pablop76 VIP (123,180 p.)

Regulamin serwisu

II/3 C.postarać się udzielić jak najlepszej pomocy, starając się przy tym nie podać gotowego rozwiązania

1 odpowiedź

odpowiedź 15 grudnia 2018 przez pablop76 VIP (123,180 p.)

wykorzystaj classList.toggle()

komentarz 15 grudnia 2018 przez KRZYSZT0FSLENDER Nowicjusz (120 p.)

Możesz przerobić ten kod bo ja się dopiero uczę JS a ten kod mi jest potrzebny

komentarz 15 grudnia 2018 przez pablop76 VIP (123,180 p.)

pokaż strukturę html. Jeżeli się uczysz js to dlaczego korzystasz z jquery?

komentarz 15 grudnia 2018 przez KRZYSZT0FSLENDER Nowicjusz (120 p.)

<ol class="MenuVerticalItem MenuMainList">
 <li class="DropDownMenuUpperItem Closed"><a class="MenuDropDownItem DropDownItem">Aktualności </a>
 <ul>
 <li><a>Serwerowe</a></li>
 <li><a>Adminstracyjne</a></li>
 <li><a>Konkursy</a></li>
 <li><a>Ważne</a></li>
 <li><a>Pełna Lista</a></li>
 </ul>
 </li>
 <li class="DropDownMenuUpperItem Closed"><a class="MenuDropDownItem DropDownItem">Informacje </a>
 <ul>
 <li><a>Serwerowe</a></li>
 <li><a>Administracyjne</a></li>
 <li><a>Konkursy</a></li>
 <li><a>Regulamin</a></li>
 </ul>
 </li>
 <li class="DropDownMenuUpperItem Closed"><a class="MenuDropDownItem DropDownItem">Kontakt </a>
 <ul>
 <li><a>Właściciele</a></li>
 <li><a>Administracyja</a></li>
 <li><a>Opiekuni</a></li>
 <li><a>Pomocnicy</a></li>
 <li><a>Support</a></li>
 </ul>
 </li>
 <li><a href="#" class="MenuDropDownItem DropDownItem AboutMeMenuItem Closed">O nas</a></li>
 <li class="DropDownMenuUpperItem Closed"><a class="MenuDropDownItem DropDownItem">Galeria</a>
 <ul>
 <li><a>Serwerowa</a></li>
 <li><a>Konkursy</a></li>
 <li><a>Fan Arty</a></li>
 <li><a>Wyrużnione Prace</a></li>
 <li><a>Pełna Galeria</a></li>
 </ul>
 </li>
 <li><a href="#" class="MenuDropDownItem PlayerPanel">Panel Gracza</a></li>
 </ol>