echanger deux li

Le bien bonjour à tout, Je débute en JQuery, ce que je veux c'est échanger deux li lors du clique sur un des li. j'ai la structure suivante
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <div class="frame"> <ul> <li>[<a href="" type="#MIME_TYPE" href='[(#URL_ARTICLE|parametre_url{id_document,#ID_DOCUMENT})]#documents_portfolio' title="(#TITRE|texte_backend)">(#LOGO_DOCUMENT||image_reduire{400,200})</a>]</li> </ul> </div> <div class="slide-holder"> <div class="slides"> <ul class="slide-list"> <li>[(#LOGO_DOCUMENT||image_reduire{0,60}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})]</li> </ul> </div> <a href="#" class="link-prev">prev</a> <a href="#" class="link-next">next</a> </div>
Ce que je veux c'est quand je clique sur le li de la classe slides il se met sur le li de la classe frame et ce lui qui été dans frame ce met dans slides

En gros voilà ce que j'ai fait
Code:

1 2 3 4 5 6 7 8 9 10 11 $(document).ready(function() { $(".slides .slide-list li").click(function () { $(this).replaceWith( $(".frame ul") ); // un gros bordel $(".frame ul").html($(this)); // il marche bien }); });
voilà, je vous remercie d'avance

suffit d'appender ailleurs pour déplacer

Citation:

Envoyé par SpaceFrog

suffit d'appender ailleurs pour déplacer

c'est à dire ?

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
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery.js'></script>
<script type="text/javascript">
$(function(){
$('li').click(function(){
	dest=($(this).parent('ul').attr('id')=="haut")?"bas":"haut";
	source=(dest=="haut")?"bas":"haut";
	preftwin=($(this).attr('id').substr(0,1)=="b")?"h":"b"
	twin=preftwin+$(this).attr('id').substr(1,1)
	$("#"+dest).append($(this))
	$("#"+source).append($("#"+twin))
		})
})
</script>
</head>
<body>
<ul id="haut">
	<li id="h1">haut un</li>
	<li id="h2">haut deux</li>
	<li id="h3">haut trois</li>
</ul>
<ul id="bas">
	<li id="b1">bas un</li>
	<li id="b2">bas deux</li>
	<li id="b3">bas trois</li>
</ul>
 
 
	</body>
</html>

Merci. :D