Siema! Chciałbym lekko zoptymalizować skrypty na moim forum. Stąd moje pytanie - jak skrócić coś takiego:
$(document).ready(function () { $(".cu0").hover( function () { $('.cu0-dropdown').fadeIn('medium'); }, function () { $('.cu0-dropdown').fadeOut('medium'); } ); $(".cu1").hover( function () { $('.cu1-dropdown').fadeIn('medium'); }, function () { $('.cu1-dropdown').fadeOut('medium'); } ); $(".cu2").hover( function () { $('.cu2-dropdown').fadeIn('medium'); }, function () { $('.cu2-dropdown').fadeOut('medium'); } );
Nie znam js ale próbowałem już kombinować coś takiego:
$(document).ready(function () { $(".cu0, cu1, cu2").hover( function () { $('.cu0-dropdown, cu1-dropdown, cu2-dropdown').fadeIn('medium'); }, function () { $('.cu0-dropdown, cu1-dropdown, cu2-dropdown').fadeOut('medium'); } );
W tym przypadku funkcje uruchamiające zakładki menu - uruchamiały wszystkie na raz (3x menu - lewe, prawe - mobilne(cu2) jest ukryte na desktop'ie).
No i jeszcze jedna niezdarna próba zrozumienia js:
$(document).ready(function () { $(".cu0") && $(".cu1") && $(".cu2").hover( function () { $('.cu0-dropdown') && $('.cu1-dropdown') && $('.cu2-dropdown').fadeIn('medium'); }, function () { $('.cu0-dropdown') && $('.cu1-dropdown') && $('.cu2-dropdown').fadeOut('medium'); } );
Przy takiej sklejce kodu menu nie chciało wgl. startować.
Zapewne wielu bardziej ogarniętym koderom ten wątek wyda się być zbędnym aczkolwiek tak to jest jak się robi coś czego zrobić się nie umie