Hallo Community.
Ich suche jetzt schon ewig auf google und finde nicht das passende.
Entweder bin ich zu blöd es einzubauen oder es war wirklich nichts passendes dabei.
Also ich habe ein DropDown Menü. Dieses klappt auf bei einem "klick" auf ein "li" feld. funktioniert mit jQuery ganz gut. NUN möchte ich dem "dropdown-öffnendem-li" jeweils das attribut "background-image" ändern.
HTML
jQuery
Danke im vorraus
Ich suche jetzt schon ewig auf google und finde nicht das passende.
Entweder bin ich zu blöd es einzubauen oder es war wirklich nichts passendes dabei.
Also ich habe ein DropDown Menü. Dieses klappt auf bei einem "klick" auf ein "li" feld. funktioniert mit jQuery ganz gut. NUN möchte ich dem "dropdown-öffnendem-li" jeweils das attribut "background-image" ändern.
HTML
Code:
<li class="active"><span>Entertainment</span> <ul class="subMenu"> <li></li> <li></li> </ul> </li>
Code:
var toggleMenu = function() { $('.toggleMenuButton').click(function() { $('.mainMenu ul').slideToggle(400, 'easeInOutCirc'); }); $('.mainMenu ul li').click(function() { $(this).find('ul.subMenu').slideToggle(400, 'easeInOutCirc'); $('ul.subMenu').not($(this).children()).slideUp(400, 'easeInOutCirc'); }) }; $(function() { $('.active').click(function () { $('.active').not(this).css('backgroundimage','url(img/bg.png)').removeClass('active-geklickt'); if(!$(this).is('.active-geklickt')){ $(this).css('background-image', 'url(img/bg.png)').addClass('active-geklickt'); } }); });
Kommentar