J'aimerais faire une slide de droit à gauche

**mosted** · 26/05/2011, 09h34

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 :

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
 
	<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 :

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
 
 
				$(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.