Ir para conteúdo
Fórum Script Brasil
  • 0

Menu Sanfona Em Js


ROLLL!!!!

Pergunta

2 respostass a esta questão

Posts Recomendados

  • 0

MEU CÓDIGO:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
    <title>DL Demo</title>
    &lt;script src="caminho\jquery.js"></script>
    &lt;script>
    $(document).ready(function(){
        $("dd:not(:first)").hide();
        $("dt a").click(function(){
            $("dd:visible").slideUp("slow");
            $(this).parent().next().slideDown("slow");
            return false;
        });
    });
    </script>
    <style>
    body { font-family: Arial; font-size: 16px; }
    dl { width: 300px; }
    dl,dd { margin: 0; }
    dt { background: #F39; font-size: 18px; padding: 5px; margin: 2px; }
    dt a { color: #FFF; }
    dd a { color: #000; }
    ul { list-style: none; padding: 5px; }
    </style>
</head>
<body>
<dl>
    <dt><a href="/">jQuery</a></dt>
    <dd>
    <ul>
        <li><a href="/src/">Download</a></li>
        <li><a href="/docs/">Documentation</a></li>
        <li><a href="/blog/">Blog</a></li>
    </ul>
    </dd>
    <dt><a href="/discuss/">Community</a></dt>
    <dd>
    <ul>
        <li><a href="/discuss/">Mailing List</a></li>
        <li><a href="/tutorials/">Tutorials</a></li>
        <li><a href="/demos/">Demos</a></li>
        <li><a href="/plugins/">Plugins</a></li>
    </ul>
    </dd>
    <dt><a href="/dev/">Development</a></dt>
    <dd>
    <ul>
        <li><a href="/src/">Source Code</a></li>
        <li><a href="/dev/bugs/">Bug Tracking</a></li>
        <li><a href="/dev/recent/">Recent Changes</a></li>
    </ul>
    </dd>
</dl>
</body>
</html>

Editado por ROLLL!!!!
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...