Discussion :

[gemaa]

Bonjour,

Je cherche à afficher une page html avec des blocs affichés/cachés.
J'ai trouvé sur un site, un script.
ça fonctionne bien, mais j'aimerais maintenant pouvoir créer des subdivisions affichées/cachées, dans ces mêmes blocs affichés/cachés....
comment modifier le script afin que la chose soit possible ?


http://cjoint.com/?0Bhwd6R5ZXb
http://cjoint.com/?0BhwfhrKMqn

En vous remerciant.

[thunder75]

Pouvez-vous mettre votre code HTML histoire de voir ce que vous voulez faire

[gemaa]

Bonsoir,

voici le code que je souhaiterais modifier de façon à pouvoir créer un "sous panneau" affiché/caché

Merci

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
/*
 
Auteurs : Laurent BRACQUART <lbracquart@atalan.fr>, Sébastien DELORME <sdelorme@atalan.fr>
URL : <a href="http://atalan.fr/" target="_blank">http://atalan.fr/</a>
Date de création : 05 Juillet 2011
Datet de mise à jour : 08 mars 2013
Version : 1.1
 
Index :
 
    0/ Masquage des panneaux par défaut
    1/ Initialisation des liens d'accès aux panneaux
	2/ Gestion de l'affichage des panneaux
 
    Annexes/ Fonctions annexes
 
*/
 
$(document).ready(function()
{
	// 0/ Masquage des panneaux par défaut
	$panneaux = $('div.panneau').hide();
 
	// ---------------------------------------------------------------------------------------- //
 
	// 1/ Initialisation des liens d'accès aux panneaux
 
	$('h2.titre').each(function(i)
	{
		$this = $(this);
		ancre = $this.next($panneaux)[0].id;
 
		lien = $('<a>',
		{
			'href':				'#' + ancre,
			'aria-expanded':	'false',
			'aria-controls':	ancre
		});
 
		$this.wrapInner(lien);
	});
 
	// ---------------------------------------------------------------------------------------- //
 
    // 2/ Gestion de l'affichage des panneaux
	$('h2.titre > a').click(function() 
	{
		if ($(this).attr('aria-expanded') == 'false') 
		{
            $(this).attr('aria-expanded', true).parent().next($panneaux).show();
		} 
		else 
		{
            $(this).attr('aria-expanded', false).parent().next($panneaux).hide();
		}
		return false;
	}); 
});
 
// Annexes/ Fonctions annexes

[Darkaurora]

sans code html ça risque de d'être difficile de te répondre

[gemaa]

Je n'ai pas de code html. j'ai un script, que je souhaiterais modifier...