MediaWiki:Minerva.js: verschil tussen versies

Versie van 9 jun 2022 16:17

/* All JavaScript here will be loaded for users of the MinervaNeue skin */

var timer = setInterval(buildMenu, 10);
function buildMenu() {
	if ($('.menu ul:first').length) {
		clearInterval(timer);
		
		$('.menu ul:first').after('<ul> \
		    <li> \
		        <a href="/wiki/Agenda"> \
		            <span>Agenda</span> \
		        </a> \
		    </li>' +
		    '<li> \
		        <a href="/wiki/Sociale_veiligheid"> \
		            <span>Sociale veiligheid</span> \
		        </a> \
		    </li>' +
		    '<li> \
		        <a href="/wiki/Verhuur"> \
		            <span>Verhuur</span> \
		        </a> \
		    </li>' +
		    '<li class="collapsible"> \
		        <a href="#"> \
		            <span>Wie zijn wij?</span> \
		        </a> \
		        <ul class="collapsible-content"> \
		            <li> \
		                <a href="/wiki/Scouting_Hilvarenbeek"> \
		                    <span>Scouting Hilvarenbeek</span> \
		                </a> \
		            </li> \
		            <li> \
		                <a href="/wiki/Groepen"> \
		                    <span>Groepen</span> \
		                </a> \
		            </li> \
		            <li> \
		                <a href="/wiki/Vrijwilligers"> \
		                    <span>Vrijwilligers</span> \
		                </a> \
		            </li> \
		            <li> \
		                <a href="/wiki/Bestuur"> \
		                    <span>Bestuur</span> \
		                </a> \
		            </li> \
		            <li> \
		                <a href="/wiki/Ondersteuning"> \
		                    <span>Ondersteuning</span> \
		                </a> \
		            </li> \
		        </ul> \
		    </li>' +
		    '</li>' +
		    '<li> \
		        <a href="/wiki/Inschrijven"> \
		            <span>Inschrijven</span> \
		        </a> \
		    </li>' +
		    '<li> \
		        <a href="/wiki/Contact"> \
		            <span>Contact</span> \
		        </a> \
		    </li> \
		</ul>');
		
		$(".menu").find(".collapsible-content").hide();
		$(".collapsible").click(function(event){ 
		   $(this).find(".collapsible-content").slideToggle(500);
		});
    }
}