bits: Dynamisches <a> element erstellen mit # innerhalb der href Anweisung

Beitrag lesen

Danke für die Antwort. Der Code für die Accordionevents sieht wie folgt aus. Dieser steht in einer eigenen Datei und wird über den script tag in die html datei eingebunden. Innerhalb der js Datei verwendet ich ja nur classNames wie accordion_section-title und accordion-section-content. Es werden also eigentliche keine Objekte direkt angesprochen.

$(document).ready(function() {
	function close_accordion_section() {
	      $('.accordion .accordion-section-title').removeClass('active');
		  $('.accordion .accordion-section-content').slideUp(300).removeClass('open');
	}
	
   

	$('.accordion-section-title').click(function(e) {
		// Grab current anchor value
		$('.accordion input[type="checkbox"]').click(function(e) {
					e.stopPropagation();
		});
		


		var currentAttrValue = $(this).attr('href');
	
		if ($(e.target).is('.active')) {
			close_accordion_section();
		} else {
			close_accordion_section();
			// Add active class to section title
			$(this).addClass('active');
			// Open up the hidden content panel
			$('.accordion ' + currentAttrValue).slideDown(300).addClass('open');
			
	
		}
		e.preventDefault();
	});
});