[imdejv1]

Jak odpalić show hide dla klasy drop01 kiedy mam hover na cms-page-26?
Walczę z tym już godzinę czasu -_-
Ps: Nie mam możliwości przesunięcia drop01 tuż pod cms-page-26.

#css #html #programista15k

[macjan_666]

@imdejv1 js

[imdejv1]

@macjan_666: No właśnie tego mi brakuje. Mam coś takiego, ale nie umiem przerobić:

var $boxes = $('.boxlink'),
$productLinks = $('.productlist .product-link').mouseover(function() {
 $boxes.hide().filter('#box' + this.id).show();
});

[TeflonDon]

@imdejv1: ustal sobie stan klasy "hide" jak stan domyslny czyli np. jak obiekt z klasa hide ma byc ukryty to ukryj go od razu. A pozniej tylko dodawaj/usuwaj klase show.

https://jsfiddle.net/j9rby5sL/

[imdejv1]

@TeflonDon: Kurcze zrobiłem to: https://jsfiddle.net/074tudnz/ i wstawiłem z tego pliku css oraz ten js w custom.js (dosłownie kopiuj wklej) i niestety nie działa na skrypcie to . Co może być powodem?

[imdejv1]

@TeflonDon: Działa! Zwracam honor, mialem klasy "." a potrzeba było "#" - szkolny błąd. Ogromnie dziękuje za pomoc.

[imdejv1]

Pojawił się jeszcze drugi problem, ktorego nie przewidziałem a mianowicie po "zjechaniu" z menu znika cały ten pasek który chciałem by się wyświetlał jako "megamenu" z contentem. Jeśli ktoś kiedyś tu trafi to w tym przypadku przyda mu się powtórzenie dla klasy .show z hover jak tu #drop01:hover

[TeflonDon]

@imdejv1: ogólnie moje rozwiązanie jest dla sytuacji gdzie masz jeden link trigerujacy. Jeżeli masz ich kilka to trzeba użyć klas i zmienić kod

[imdejv1]

@TeflonDon: Czy to jest bardzo złe? (pytam na przyszłość, bo rozwiązanie jest świetne, chociaż nie działa na IE szkoda) link: https://jsfiddle.net/eb8s91ju/

[zackson]

@imdejv1: nie działa na IE11 bo używasz arrow function

[imdejv1]

@zackson: Dla mnie czarna magia, jest na to fix :P ?

[zackson]

@imdejv1: zmienić
e =>
na
function(e)