S4 - Javascript

masquable.js

console.log("Ce programme JS vient d'être chargé");
$(document).ready(function()
{
	console.log("Le document est pret");

	$('.masquable-titre').mousedown(function(e)
		{
			console.log("Le bouton de la souris a été appuyé sur le titre");
			// Seulement le bouton gauche de la souris
			if(e.which!==1){return;}
			// Éviter que l'utilisateur ne sélectionne du texte s'il bouge la souris tout en cliquant
			e.preventDefault();
			var masquable=$(this).parent();
			var contenu=masquable.children('.masquable-contenu');
			// Déterminer si c'est actuellement fermé ou ouvert en regardant la classe
			var ferme=masquable.hasClass("ferme");
			// Changer le + en - ou le "-" en "+"
			masquable.children('.masquable-titre').find('span').text(ferme ? '-' : '+');
			masquable.toggleClass("ferme",!ferme);
		});

	console.log("La mise en place est finie. En attente d'événements...");
});