Results 1 to 7 of 7

Thread: Animated Collapsible DIV v2.01/ Close all open DIVs before a new opens

  1. #1
    Join Date
    Jan 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Animated Collapsible DIV v2.01/ Close all open DIVs before a new opens

    Thank for the great script!

    I am trying to use it as a nav bar and open the corresponding DIV only. I mean, I want to allow only one DIV to be opened at a time.

    Does anyone know what is the best way to do it ?

    Thanks!
    Last edited by Agioz; 01-05-2009 at 12:17 AM.

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

  3. #3
    Join Date
    Jan 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, but this would be a really a nice way to show/hide the contents of each section of the page. If I could specify which DIV shows at a given time ...

    Thanks!

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    Jeremy | jfein.net

  5. #5
    Join Date
    Jan 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Here you go:

    http://billdenoyelles.com/home.html

    So far the first two items has links to it, but it shows how I want it work.

    My problem is that clicking on the second item opens the DIV under the first, so it can't be seen...

    Thanks again!

  6. #6
    Join Date
    Jan 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This one is resolved.

    I created a function:

    function clickex4() {
    location.href="javascript:animatedcollapse.hide(['ex1','ex2','ex3'])";
    }

    Then I just called the function when the fourth was clicked;

    <a href="javascript:animatedcollapse.show('Bio')" onclick="clickex4()">EX4 to click on</a>

    This way when you click on ex4, all the others will collapse.

  7. #7
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    It seems your topic is solved... Please set the status to resolved.. To do this:
    Go to your first post ->
    Edit your first post ->
    Click "Go Advanced" ->
    Then in the drop down next to the title, select "RESOLVED"
    Jeremy | jfein.net

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •