Ankündigung

Einklappen
Keine Ankündigung bisher.

jQuery DropDown background

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • jQuery DropDown background

    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
    Code:
    <li class="active"><span>Entertainment</span>
       <ul class="subMenu">
           <li></li>
           <li></li>									
       </ul>
    </li>
    jQuery
    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');
        }
    
    
    });
    });
    Danke im vorraus


  • #2
    Code:
    if($(this).hasClass('a')){
       $(this).addClass('b').removeClass('a');
    }else{
       $(this).addClass('a').removeClass('b');
    }
    Die klassen a und b können dann mit verschiedenen bg sein.
    etwas in dieser richtung sollte dir evtl helfen

    Kommentar

    Lädt...
    X