Ouvrir une div sur click d'un lien précis

je vais me prendre des cailloux !!! :calim2:

Ha ben c'est aussi une idée, cantonnier ... y'a pas de javascript non plus ...

1 pièce(s) jointe(s)

oui c'est bien cantonnier.. ca me changera des process... :D

Ben voila.. je vais me prendre des cailloux...
s'ouvre pas ce div à l'ouverture (PJ)

Pour info.. actuellement du coup j'affiche par défaut le Div..

je souhaitais simplement que qu'il y ait l'animation du div au moment du chargement de la page..

Mais tant pis.. ca ira comme cela..

J'essaierai de trouver ultérieurement

Snif..
personne pour me dire comment lancer l'animation du slide sur le chargement de la page ?

SI ...
Je l'ai déjà fait, il te suffit de relire les réponses.

1 pièce(s) jointe(s)

je presume
Code:

1 2 3 4 5 $('#foo').on('click', function(){ $(this).slideToggle(); }) $('#bar').on('click', function(){ $('#foo').trigger('click'); }) $('#foo').trigger('click');
Mais comme indiqué juste apres.. ca ne fonctionne pas le slide n'apparait pas

Sur le fichier ci-joint.. comment le réalisé ??

Merci de votre patience

c'est que tu as une erreur dans ton code
car à moins que tu ne sois fâché personnellement avec javascript et qu'il veuille te la faire payer, il n'y a pas de raison pour que cela fonctionne ici http://jsfiddle.net/YcR6H/5/ et pas avec ton code ...

Code:

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE HTML>
<html>
<head>
	<title>jQuery SlideDown() / SlideUp() With Bottom-Positioned Elements</title>
	<style type="text/css">
 
		#container {
			bottom: 0px ;
			display: none ;
			left: 20px ;
			position: fixed ;
			width: 90% ;
			}
 
		#inner {
			background-color: #F0F0F0 ;
			border: 1px solid #666666 ;
			border-bottom-width: 0px ;
			padding: 20px 20px 100px 20px ;
			}			
 
	</style>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
 
 
 
 
	<script type="text/javascript">
 
		// When the DOM is ready, initialize the scripts.
		jQuery(function( $ ){
 
			// Get a reference to the container.
			var container = $( "#container" );
 
 
			// Bind the link to toggle the slide.
			$( "#bar" ).click(
				function( event ){
					// Prevent the default event.
					event.preventDefault();
 
					// Toggle the slide based on its current
					// visibility.
					if (container.is( ":visible" )){
 
						// Hide - slide up.
						container.slideUp( 400 );
 
					} else {
 
						// Show - slide down.
						container.slideDown( 400 );
 
					}
				}
			);
 
		});
 
	$('#bar').on('click', function(){ $('#foo').trigger('click'); })
$('#container').trigger('click');
	</script>
</head>
<body>
 
	<h1>
		jQuery SlideDown() / SlideUp() With Bottom-Positioned Elements
	</h1>
 
	<p>
		<a href="#" id="bar">Show Div With SlideDown()</a><br/>
			<a href="#" >No Show Div on Click</a>
	</p>
 
	<div id="container" >
		<div id="inner" class="content">
 
			Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.	Check it out! This DIV is positioned based on its
			very sexy Bottom and then is opened using a slide-down
			animation effect (and closed using a slide-up)
			animation effect.
 
		</div>
	</div>
 
 
 
</body>
</html>

a quel moment définis tu le click sur container ??

parce que tu auras beau invoquer son click avec trigger, si il n'y a pas de click définit ...

actuellement mon slide s'ouvre et se ferme sur

Code:

<a href="#" id="bar">Show Div With SlideDown()</a><br/>

Ta réponse n'a rien à voir avec ma question ...

Citation:

a quel moment définis tu le click sur container ??

Tu invoques le clikc sur $('#container')

Code:

$('#container').trigger('click');

Mais je en vois nulle part définit le click sur cet element ....

C'est ca que je ne sais pas et que je parviens pas à comprendre !

qd je clicque sur mon lien.. le slide apparait et disparait.. donc parfait.. Ca fonctionne

comment faire donc apparaite ce slide lors de l'ouverture de la page ?

Citation:

qd je clicque sur mon lien.. le slide apparait et disparait.. donc parfait.. Ca fonctionne

heu
ben fais un trigger du click sur le lien :koi:

ce que tu ne fais pas dans ton code vu que tu trigger le click sur un autre element dont le click n'est pas définit ...

c'est ce que je ne sais pas faire !

Oulà ...

Bon alors qi je te dis ...
Tu invoques le click sur $('#container') avec

Code:

$('#container').trigger('click');

si tu veux invoquer un click sur un element qui a pour id "bar" ...

ca se voit tant que ça.. que je n'en ai JAMAIS fait ??? ;)

Heu non ce n'est pas ça qui se voit le plus ...:aie::aie::mouarf::mouarf:

ce qui se voit c'est que tu ne fais aucun effort de compréhension !!
relis lentement mon dernier post ...

si je te dis quand tu parles à PAUL tu lui dis :
"Bonjour PAUL ..."

essaye de parler à PIERRE ..

je cherche.. promis.. je cherche dans tous les sens..
Mais pour l'instant...

si je te dis quand tu parles à PAUL tu lui dis :
"Bonjour PAUL ..."

essaye de parler à PIERRE ..

"bonjour ... ????"

Lancer le click de PAUL

Code:

$('#PAUL').trigger('click');

Lancer le click de PIERRE

Code:

$('#PIERRE').trigger('click');

Lancer le click de bar ...