Menu drop down ou não...

[willwalker 2]

Eu não sei se posso chamar isso de menu drop down. Estou fazendo uma página de FAQ, que tem as perguntas mais frequentes com respota. Queria fazer varios links, 1 para cada pergunta, quando o usuário clicasse no link da pergunta, não abrisse nenhum popup, ou fosse para outra página, queria que em baixo do link ele abrisse a resposta, como se fosse um menu drop down, mas em vez dele funcionar quando se coloca o mouse em cima, e volta ao normal quando tira o mouse, eu queria que quando precioasse, ele abria em baixo do link a resposta, e se ele quizesse que voltasse ao normal ele clicava denovo e a resposta sumiua. Espero que tenham entendido :D http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Beraldo 864]

É semelhante à forma como se faz um menu drop-down.

 

Você pode fazer isso colocando as respostas em divs e mostrá-las ou ocultá-las com CSS (display:none e display:inline).

 

Movendo:

PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Dinâmico.

 

[]'s

[willwalker 2]

achei o que eu queria, mas estou tentando colocar um simples br nesse código:

 

http://nopaste.php-q.net/2588

 

Copie o código do link e salve como arquivo.html, ai vocês verão o que eu quero fazer, esses menus aparece um do lado do outro, e eu quero que apareça um em baixo do outro :D

[Tiago Cardoso 1]

é só q tá abrindo o link não

[willwalker 2]

ops verdade, novo link :D

 

http://nopaste.php-q.net/258818

[Tiago Cardoso 1]

Colei, aki e não aparece quase nda, apenas "PRINCIPAL" e "FÓRUM" + nda, tá faltando alguma coisa........

[willwalker 2]

mas esse menu é isso mesmo, é só um arquivo de teste, ai se tu conseguir colocar um menu em baixo do outro te agradeceria muito, ai desse arquivo sim que eu vou montar página faq

[Bermonruf 0]

Veja se é este efeito que você está procurando, clique em algum link do menu com [+] ou [-] do lado.

Aqui, a função, simples:

 

function showHide(id)	{var alvo=document.getElementById(id);	alvo.style.display=(alvo.style.display=="none"?"":"none");}

Ele abre se estiver fechado e fecha se estiver aberto :D , coloca a DIV que tem as respostas embaixo, dá um id a ela e coloca "display:none" em style, depois é só colocar isso no link: "java script: showHide('resposta12')", aonde 'resposta12' é o ID da DIV que contém a resposta.

 

Flwss http://forum.imasters.com.br/public/style_emoticons/default/joia.gif