Customizer un petit script

**Pauler** · 04/06/2014, 12h51

Bonjour

Dev... noob... je voudrai faire juste une petite modif toute simple sur un script JS gratuit trouvé sur le net.
Il s'agit d'un truc en accordion que voici : http://www.webdesignerwall.com/demo/...ccordion1.html

Alors par défaut... le premier volet de l'accordion est ouvert. Ce que je voudrai c'est que par défaut, il soit plutôt fermé... mais comme je ne code pas, je ne sais comment faire.
Voici le code JS de truc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function(){
 
	$(".accordion h3:first").addClass("active");
	$(".accordion p:not(:first)").hide();
 
 
	$(".accordion h3").click(function(){
 
	  $(this).next("p").slideToggle("slow")
	  .siblings("p:visible").slideUp("slow");
	  $(this).toggleClass("active");
	  $(this).siblings("h3").removeClass("active");
 
	});
 
});

J'imagine que c'est la dedans que la modif doit être faite... mais je n'ai pas réussis à faire

**SpaceFrog** · 04/06/2014, 12h58

a mon avis il suffit de mettre le class active sur le bon h3 ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".accordion h3:first").addClass("active");

là tu indiques lequel doit etre ouvert (ici le premier)

**Pauler** · 04/06/2014, 13h03

Oui mais quand je supprime la ligne... le script exécute pareil... en fait il faudrai même enlever le reste car je ne veux garder qu'un seul H3 et qu'il soit fermé

**SpaceFrog** · 04/06/2014, 13h06

dans ton html de départ tu as une class active sur un h3 ?

sinon un accordion avec un seul "onglet" ??? j'ai du mal à me représenter ce que ça peut donner ...

tu es sur qu'un simple slideUp / slideDown ne suffirait pas ?

**Pauler** · 04/06/2014, 13h10

Si ca suffirai largement... mais j'ai pas trouvé

**SpaceFrog** · 04/06/2014, 13h35

Montre ton html

**Pauler** · 04/06/2014, 13h51

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<meta name="description" content="Description" />
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="accordion.js"></script>
</head>
 
<body>
<div class="accordion">
	<h3>Question One Sample Text</h>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
</div>
<div id="total">
  <div id="logo"></div>
</div>
</body>
</html>

**SpaceFrog** · 04/06/2014, 14h15

un truc comme ça ?
http://jsfiddle.net/Fbtbs/

**Pauler** · 04/06/2014, 16h31

C'est parfait... c'est exactement ce que je cherche

Merci vraiment beaucoup.

Customizer un petit script

jQuery

Discussions similaires

Partager

Partager