Mover para cima/baixo um <li>

Pessoal, estou quebrando a cabeça e nao consigo de jeito algum fazer o que desejo.

Tenho esta lista como exemplo:

<ul id="itens">
 <li id="1">Blabla</li>
 <li id="2">Bleble</li>
 <li id="3">Blibli</li>
</ul>

 

Queria colocar um botão de UP e DOWN em cada <li> da lista que ao clicar fara o <li> correspondente subir ou descer sem mudar seus atributos.

Como posso fazer isso? Preciso muito de ajuda para fazer isso, ja busquei na net e só acho com jquery mas quero fazer sem usar frameworks pois meu sistema esta tdo sem framework.

Alguem sabe como fazer ?