Bonjour,

J'ai 2 boutons qui ouvrent le même slider, toutefois chacun des boutons chargent un contenu différent.

Toutefois lorsque le slider est déjà ouvert avec le contenu du premier bouton et que l'on click sur le second bouton je ne veux pas que le slider se referme pour se rouvrir sur le contenu du second bouton.
Je préfère faire disparaître le contenu du premier puis faire apparaître le second.

J'utilise la fonction fadeIn et fadeOut toutefois, elles ajoutent des styles dans l'html que je voudrais supprimer moi-même du genre de style="none" ou style="block" , à la fin de l"exécution.

Je voulais savoir quel fonction ou moyen utiliser.

Merci bien

Et bien il te suffit de modifier le CSS en javascript.

var ob = document.getElementById(id);
ob.style.display = "none";

Par exemple

Le problème c'est que j'ai un conflit, en rajoutant un élément dans la CSS, j'ai toujours dant l'html le display "block" qui pose problème, je veux donc supprimer ce style.

Montre le code.

Je suppose que tu as une seule div pour les 2 contenus.

Quand tu détectes le clic sur un bouton tu caches le contenu de la div et ensuite tu affiches avec fadeIn().

Exemple :

$('#bouton1').click(function() {
	$('#div').hide(); // on cache
	// on peut enclencher le slider
});

<div id="panel">
    	<!-- A propos-->
        <div id="contenu_panel" class="apropos">
		
            Contenu bloc 1
        </div>
        <!-- Contact-->
        <div id="contenu_panel" class="contact">
		contenu bloc 2				
        </div>
</div>

$(document).ready(function(){
	$(".btn-slide").click(function(){
		//si on clic sur "a propos" et que "contact" est ouvert, disparition de "contact" pour faire apparaitre "apropos"
		if ( $(".contact").hasClass("block-slide")){
			$(".contact").fadeOut("slow",  function(){				
  				$(".contact").removeClass("block-slide");
				$(".apropos").fadeIn("slow");
 			});
			}
			//si on clic sur "a propos" et qu'il est deja ouvert, on le ferme
			else if ( $(".apropos").hasClass("block-slide")){
			$("#panel").slideUp("slow", function(){$(".apropos").removeClass("block-slide");});
			}
		else{
			//si on clic sur "a propos" et que rien est ouvert on l'ouvre.
			$("#panel").slideDown("slow");
			$(".apropos").addClass("block-slide");
			}
	});
	
	$(".btn-slide-contact").click(function(){
		if ( $(".apropos").hasClass("block-slide")){
			$(".apropos").fadeOut("slow",  function(){
  				$(".apropos").removeClass("block-slide");
				$(".contact").fadeIn("slow");
 			});
			}
			else if ( $(".contact").hasClass("block-slide")){
			$("#panel").slideUp("slow", function(){$(".contact").removeClass("block-slide");});
			}
		else{
			$("#panel").slideDown("slow");
			$(".contact").addClass("block-slide");
			}
	})

#panel {background:#ffe400;height:275px;display: none;}
#contenu_panel{width:977px;margin-left:auto;margin-right:auto; overflow:hidden;height:270px; display:none;}
.block-slide{display:block !important;}

J’espère que tu t'y retrouvera
Merci du coup de main !