Responsywne menu znika po zmianie wielkości okna przeglądarki Opcje

[globalmarek]

Cześć, szukam pomocy z menu responsywnym. Mam nadzieje że ktoś mi pomoże bo walczę i nic nie mogę wskurać
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.

[HTML] pobierz, plaintext 
$(document).ready(function () {
 
  $('#voudoo-menu li').click(function () {
 
    // If any of the sub menus are showing....
    if ($(this).find('ul').is(':visible')) {
      $(this).find('ul').slideUp('fast');
    } else {
      $('#voudoo-menu li ul').slideUp('fast');
      $(this).find('ul').slideDown("fast", function () {
        // <a href="http://www.jqueryscript.net/animation/">Animation</a> complete.
      }).show();
 
    }
 
  });
 
  $('#voudoo-menu-toggle').click(function () {
	$('#voudoo-menu').animate({ width: 'toggle' }, 300);
  });
 
});
[HTML] pobierz, plaintext 

Pogrzebałem jeszcze 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ć?


Ten post edytował globalmarek 28.01.2017, 19:56:53