Is there any way of manually arranging list item with CSS/jQuery (sorting them just once, not dragging them around)?

I have a navigation menu with 12 items:开发者_开发问答

(firebug inspector with one list item expanded)

<ul id="forums">
<li>
<a rel="bookmark" title="Permalink to Business" href="http://www.taiwantalk.org/forum/business/">Business</a>
</li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
</ul>

I would like to sort them manually with CSS/jQuery (sorting them just once, not dragging them around).

Any suggestions?

EDIT:

I'm using Wordpress, and I can't find the way of sorting 'custom post types' manually.

How about this? (I used it myself) http://wil-linssen.com/entry/extending-the-jquery-sortable-with-ajax-mysql/

You might want to look into jQuery UI ... http://jqueryui.com/demos/ ... which has draggable/sortable/etc. features that are fairly easy to implement. There are several jQuery plugins that do the same thing without jQuery UI.

A non-jQuery option is something like http://tool-man.org/examples/sorting.html