|
Сообщение от HTest
|
|
Чувствую, что решение очень простое, но сходу мне невидно.
|
как в воду смотрел
<!DOCTYPE HTML>
<html>
<body>
<ul>
<li>
<input type="checkbox" name="ID1" id="ID1" checked />
<label for="ID1">Category 1</label>
<a class="up" href="#">Вверх</a> <a class="down" href="#">Вниз</a>
</li>
<li>
<input type="checkbox" name="ID3" id="ID3" checked />
<label for="ID3">Category 2</label>
<a class="up" href="#">Вверх</a> <a class="down" href="#">Вниз</a>
<ul>
<li>
<input type="checkbox" name="ID10" id="ID10" checked />
<label for="ID10">Category 2 Subcaterogy</label>
<a class="up" href="#">Вверх</a> <a class="down" href="#">Вниз</a>
</li>
</ul>
</li>
<li>
<input type="checkbox" name="ID6" id="ID6" checked />
<label for="ID6">Category 3</label>
<a class="up" href="#">Вверх</a> <a class="down" href="#">Вниз</a>
</li>
</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
$(".up").click(function(){
console.log(2);
var pdiv = $(this).parent("li");
pdiv.insertBefore(pdiv.prev());
return false
});
$(".down").click(function(){
var pdiv = $(this).parent("li");
pdiv.insertAfter(pdiv.next());
return false
});
});
//-->
</script>
</body>
</html>