Cześć, szukam pomocy z menu responsywnym. Mam nadzieje że ktoś mi pomoże bo walczę i nic nie mogę wskurać smile.gif
Dodam że słabo znam Javę i korzystam z gotowego skryptu.

Sprawa wygląda tak:
menu działa bardzo dobrze z jednym wyjątkiem,
jeśli zmniejszy się okno przeglądarki to przełącza się na wersje responsywną, przy powrocie do poprzedniego rozmiaru pięknie wraca do wersji pełnej,

ale gdy zmniejszymy okno i klikniemy menu - rozwija się i nie klikniemy żadnego linka i z powrotem zamkniemy menu i wrócimy do wersji pełnej to znika całe menu.

Wydaje mi się że powinno być jakieś zerowanie po .slideDown bo prawdopodobnie jest ono chowane i potrzebne jest przeładowania strony.

  1. $(document).ready(function () {
  2.  
  3. $('#voudoo-menu li').click(function () {
  4.  
  5. // If any of the sub menus are showing....
  6. if ($(this).find('ul').is(':visible')) {
  7. $(this).find('ul').slideUp('fast');
  8. } else {
  9. $('#voudoo-menu li ul').slideUp('fast');
  10. $(this).find('ul').slideDown("fast", function () {
  11. // <a href="http://www.jqueryscript.net/animation/">Animation</a> complete.
  12. }).show();
  13.  
  14. }
  15.  
  16. });
  17.  
  18. $('#voudoo-menu-toggle').click(function () {
  19. $('#voudoo-menu').animate({ width: 'toggle' }, 300);
  20. });
  21.  
  22. });




Pogrzebałem jeszcze smile.gif i po analizie problem jest z $('#voudoo-menu').animate({ width: 'toggle' }, 300);

.animate zwija menu do prawej i po powrocie do wersji pełnej z responsywnej nadal jest ono zwinięte.

Może ma ktoś pomysł jak to inaczej rozwiązać?