J'aimerais faire une slide de droit à gauche

[mosted]

Bonjour,

J'explique mon problème :

J'ai une boite div qui peut être visible ou invisible.
Pour l'instant j'utilise une fonction de Jquery qui se nomme slidedown.

Ma boite s'affiche correctement, mais j'aimerais faire une slide de droit à gauche.
Ma boxe CHAT

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
 
	<div id="chat" class="actif">
					<div id="chat_titre"><h3>New thermodynamic era</h3><cite>by Thomas Gerard</cite></div>
					<div id="chat_bloc">
						<div class="move">move</div>
						<div class="more">more</div>
						<div class="icon">chat</div>
 
						<div id="chat_page">
 
							<div class="chat_msg"><img src="img/user_17.jpg" class="picture" alt="" />
								<h4>Alexandre Frei :</h4>
								<p>
									Maecenas varius pulvinar diam non cursus. Integer a aliquet massa. Maecenas et orci metus. Aliquam tincidunt nunc quis tellus aliquet ornare. Donec tincidunt ullamcorper massa, vel venenatis mi venenatis in. Aliquam a lectus vel sem porttitor posuere. Nam convallis tempor est, at tristique erat congue ac. In vitae sapien a dui luctus tincidunt.
								</p>
							</div>
 
							<div class="chat_msg"><img src="img/user_17.jpg" class="picture" alt="" />
								<h4>Alexandre Frei :</h4>
								<p>
									Maecenas varius pulvinar diam non cursus. Integer a aliquet massa. Maecenas et orci metus. Aliquam tincidunt nunc quis tellus aliquet ornare. Donec tincidunt ullamcorper massa, vel venenatis mi venenatis in. Aliquam a lectus vel sem porttitor posuere. Nam convallis tempor est, at tristique erat congue ac. In vitae sapien a dui luctus tincidunt.
								</p>
							</div>
 
 
 
							<div class="chat_msg"><img src="img/user_17.jpg" class="picture" alt="" />
								<h4>Alexandre Frei :</h4>
								<p>
									Maecenas varius pulvinar diam non cursus. Integer a aliquet massa. Maecenas et orci metus. Aliquam tincidunt nunc quis tellus aliquet ornare. Donec tincidunt ullamcorper massa, vel venenatis mi venenatis in. Aliquam a lectus vel sem porttitor posuere. Nam convallis tempor est, at tristique erat congue ac. In vitae sapien a dui luctus tincidunt.
								</p>
							</div>
 
						</div>
						<div id="chat_add">
							<img src="img/user_17.jpg" class="picture" alt="" />
							<a href="#" onclick="return false;" class="chat_send">send</a>
							<textarea name="add_to_chat"></textarea>
						</div>
					</div>
				</div>

Mon JQUERY

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
				$(function() {   
 
					$("#chat_button").click(function() { 
 
						if ($("#chat").is(":hidden")) {
						//	$("#chat").show('slide', {direction: 'left'}, 1000);
							$("#chat").addClass("actif");
							$("#chat").slideDown("fast");
 
						} else {
							//$("#chat").hide("slide", { direction: "left" }, 1000);
							$("#chat").hide();
							$("#chat").removeClass("actif");
						}
 
					});
				});

J'utilise un bouton hors de ma div, pour ouvrir le chat.

[SpaceFrog]

Ben Down voulant dire vers le bas ...
J'aurais personnellement fait quelque recherches avec les mots "slide direction" ...

[danielhagnoul]

Bonjour

Pour réaliser une animation de droite à gauche ou de dauche à droite, il faut utiliser la méthode animate : http://api.jquery.com/animate/.