Einzelnen Beitrag anzeigen
  #28 (permalink)  
Alt 15.02.2020, 14:03
Iago2 Iago2 ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.09.2005
Beiträge: 82
Iago2 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Du solltest dich zumindest in die Grundlagen von CSS einlesen.
Eher, Hirn einschalten vergessen!
Also alles easy, analog wie im Beispiel ohne Flex, auch die Breakpoints!

Else wird ja auch erst ausgeführt, wenn man die Buitton wieder ausschaltet.

Code:
<script type="text/javascript">
	
	
	$(document).ready(function() {
		
		function defaultView() {
    
     $('#html').addClass('active'); 
      $('#output').addClass('active'); 
      $('#css').removeClass('active');
      $('#js').removeClass('active');
		
  }
  
  defaultView();
				
  $('.js-btn').on('click', function() {
	  
    const $this = $(this),
      $accordion = $('.accordion');

    $this.toggleClass('active');
    var totalActiveElements = $('button.active').length;
    
    // console.log(visible);
     // console.log($accordion.find('div'));
    

    if (totalActiveElements > 0) {
      $accordion.find('> div').removeClass('active');

      $('button.active').each(function(e) {
		  
		  console.log(this);
		  
        var id = '#' + $(this).data('for');
        
         //console.log(id);
        $(id).toggleClass('active');
      });

    } else {
			 
		// console.log($('.accordion').find('div'));
		
		   defaultView();
    }
  });
});
	
	</script>
Mit Zitat antworten