Affichage de plusieurs élément avec une fonction toggle()

<div id="menu-select">
						<ul id="menu-index" class="menu-index">
							<li id="parox" class="button" class="infobulle" title="parox"><a href="paroxysme.php"></a></li>
							<li id="saga" class="button" class="infobulle" title="saga"><a href="saga.php"></a></li>
							<li id="ttssl" class="button" class="infobulle" title="TTSSL"><a href="ttssl.php"></a></li>
						</ul>

            			<div id="resumes">
							<div id="text-parox" class="resume">
		 					<?php include 'pages/resume_parox.php' ?>
							</div>
							<div id="text-saga" class="saga" class="resume">
		 					<?php include 'pages/resume_saga.php' ?>
							</div>
							<div id="text-ttssl" class="resume">
		 					<?php include 'pages/resume_ttssl.php' ?>
							</div>
						</div>
						<div id="contact-index">
						<h3>Contact</h3>
            			<div class="contact">
            				Vous avez des textes à proposer ?<br />
            				Vous voulez me contacter ?<br />
            				C'est à vous.
            			</div>
            			</div>
            		</div>

 jQuery(document).ready(function($){
 	$('#text-parox, #text-saga, #text-ttssl').css('display', 'none');
 	$('#parox').click(function(){
 		$('#text-saga').fadeOut('fast');
 		$('#text-ttssl').fadeOut('fast');
 		$('#contact-index').fadeOut('fast');
 		$('#text-parox').slideDown(500).fadeIn();
 });
 	$('#saga').click(function(){
 		$('#text-parox').fadeOut('fast'); 		
		$('#text-ttssl').fadeOut('fast');
 		$('#contact-index').fadeOut('fast');
 		$('#text-saga').slideDown(500).fadeIn();
 });
 	$('#ttssl').click(function(){
 		$('#text-saga').fadeOut('fast');
 		$('#text-parox').fadeOut('fast');
 		$('#contact-index').fadeOut('fast');
 		$('#text-ttssl').slideDown(500).fadeIn();
 	});
 	$('#text-parox, #text-saga, #text-ttssl').click(function(){
 		$('#text-parox, #text-saga, #text-ttssl').slideUp(400);
		$('#contact-index').fadeIn(500);
 	});
 });

JQuery(document).ready(function(){
	$('.resume').css('display', 'none');
 	$('.button').toggle(function(e){
 		$('.resume').slideUp(400).fadeOut('fast');
		$('#contact-index').fadeIn(500);
	}, function(){
 		$('.resume').slideDown(500).fadeIn();
 		$('#contact-index').fadeOut(500);
	});
		
// });

  $('.resume').hide();
    $('.button').click(function(e){
        // désactiver le lien
        e.preventDefault();
        //récupérer l'identifiant du bouton cliqué
        var idButton = $(this).attr('id');
        // reconstituer l'identifiant du bloc à afficher
        var idText = 'text-'+idButton;
        // cacher tous les blocs
        $('.resume').fadeOut('fast');
        // réafficher le bloc qui correspond
        $('#'+idText).slideDown(500).fadeIn();
    });

jb_gfx a écrit :
parler dans le vide, c'est comme aspirer de l'air : ça gonfle...

kri2sis a écrit :

salut, je t'avais lu mais absolument rien compris à ce que tu voulais dire, voir ememe que tu divaguais..
$('truc', 'machin', 'bidule').click(function(){
});
reviendrais pas plus vite à utiliser une classe commune et à la selectionner ?

kri2sis a écrit :

merci pour ta participation tout de meme et si tu peux m'éclairer, je suis tout oui

jb_gfx a écrit :


Je ne sais pas ce que ememe veut dire mais je vais quand même tenter de te répondre. Oui une classe aurait été une bonne idée mais vu que tu utilises des tonnes d'id pour leur appliquer la même fonction, je te proposais une solution intermédiaire qui aurait permis de gérer ton balisage dégueulasse sans toucher à la partie HTML de page. "machin, chouette, chose" étant juste un sélecteur CSS de base.



C'est fait (ou pas) et en passant c'est "ouie".