Jump to content

rox94ana

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by rox94ana

  1. Hi. I need to use this jQuery Effects for my site.

     

    For example:

    </script>
    <script>
    $(document).ready(function(){
    $("#flip").click(function(){
    $("#panel").slideToggle("slow");
    });
    });
    </script>
    <style type="text/css">
    #panel,#flip
    {
    padding:5px;
    text-align:center;
    background-color:#e5eecc;
    border:solid 1px #c3c3c3;
    }
    #panel
    {
    padding:50px;
    display:none;
    }
    </style>
    </head>
    <body>
    <div id="flip">Option 1</div>
    <div id="panel">message 1</div>
    </body>
    </html>

     

    But I need to add some more options.

    <div id="flip">Option 1</div>

    <div id="panel">message 1</div>
    <div id="flip">Options 2</div>
    <div id="panel">message 2</div>
    But this code doesn't work. The first option works good, but when I click on the second option, it doesn't slide down.
    Some ideas?

     

×
×
  • Create New...