[Resolvido] Jquery

[Alisson<?php (); ?> 0]

Aê Galera,

tô começando a implementar mais recursos com Jquery em meus projetos e me deparei com uma questão que não consigui achar uma saída legal, é o seguinte:

 

tenho um link no menu do site que abri uma div com alguns opcionais, certo, porém gostaria que qdo clicado aparece um setinha para cima e para baixa conforme a div, se estiver aberta a seta aparece para cima afim de fechar a div e vice-versa, o source está assim:

$('#more').click(function() {
	    $("#mais").slideToggle(400);
		$('#arrow').html('<img src="_imagens/arrow-up.png" width="8" height="6" align="absmiddle" />');
				$('#more').click(function() {
				$('#arrow')
					.html('<img src="_imagens/arrow-down.png" width="8" height="6" align="absmiddle" />')
					.stop(true, true);
			});

	});

só que não deu muito certo..

qdo eu clico para subir a div, e depois descer de novo as setas não alternam mais, se alguém puder me dá uma luz nessa sintaxe ai eu agradeço.

 

publiquei o link: Site

[Alisson<?php (); ?> 0]

Resolvido:

 

$('#more').click(
       function() {
           $("#mais").slideToggle('normal',function(){
               if ($(this).is(':hidden')) {
                   var src = "_imagens/arrow-down.png";
               } else {
                   var src = "_imagens/arrow-up.png";
               }
               $("#dropdown").attr('src',src);
           });
       });