[jQuery] Pilny problem z ukryciem sidebar
Albert Kowalewski
9/12/2015 | 3:15 PM

Cześć, mam problem odnośnie stworzonego sidebara. Udało mi się stworzyć przycisk, który poniżej 1024px chowa sidebar i dodaje opacity, ale nie wiem jak uzyskać odrotny efekt. Próbowałem na kilka sposobów, ale się nie udało. Chce, żeby przycisk, który jest widocznny powyżej 1024px chował sidebar tym samy sposobem, ale bez opacity. Może ktoś zerknąć na kod i mi pomóc ? Kod jest w załączniku.

Załącznik: Sidebar - problem.rar
Krzysztof Branecki
9/13/2015 | 9:28 AM

Proszę zrobić to tak: Zmienić mój kod na $('.hide-button').on('click', function() { $('body').toggleClass("show-sidebar"); $('#main').toggleClass( "noactive" ); }); oraz dodać do css przed media min-width: 1499px .show-sidebar #sidebar { transform: translateX(-300px); } .show-sidebar #main { transform: none; }

Albert Kowalewski
9/13/2015 | 9:44 AM

Super. Dzięki Wielkie!

Albert Kowalewski
9/12/2015 | 6:15 PM

albo uzyskać płynne przejście chowania się sidebara (tak jak poniżej 1024px)

Albert Kowalewski
9/12/2015 | 6:12 PM

Super. a czy jest możliwość uzyskać ten sam efekt tylko w 1 przycisku: <a class="sidebar-toggle-btn trigger-toggle-sidebar"><span class="line"></span><span class="line"></span><span class="line"></span></a> (na chwile obecną są 2) ?

Krzysztof Branecki
9/12/2015 | 5:57 PM

Proszę w main.js dodać regułę: $('.hide-button').on('click', function() { $('#sidebar').toggle(); $('#main').toggleClass( "noactive" ); }); i ostylować #main za pomocą klasy noactive dodająć regułę: #main.noactive{ left: 0; }