Bootstrap Dropdown toggle triggered from javascript won't stay open consistently

Question

JSFiddle The fiddle works as intended using the same exact code from my site! Copy and pasted.

To replicate this issue you have to do these steps exactly. Go to a fresh load of the page. Scroll to the bottom and click "Contact" in the middle column. Now when you try and select the form options, the dropdown closes. Why is this happening? The fiddle has the exact same code, JS and all. On a fresh load, the toggle button by itself works as intended. Once the "contact" link is brought in, it breaks.

Here is the custom script I wrote to scroll to the top and open the dropdown.

// Scroll To Top and Open Contact Form -->
$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});
$("a[href='#top']").click(function() {
  $('#nav-contact.dropdown-toggle').dropdown('toggle');
  return false;
}); 
<!--// End Contact Form Scripts -->

I don't really know any JS but I'm trying to learn to put this site together as a personal project for enrichment. Any explanations would be greatly appreciated.

Ideas?

The Fiddle ins't working anymore :(

Larissa Leite
– Larissa Leite

2013-10-10 15:53:02 +00:00
Commented Oct 10, 2013 at 15:53 — Larissa Leite
– Larissa Leite, Commented Oct 10, 2013 at 15:53

code-jaff · Accepted Answer · 2013-05-21 04:41:50Z

2

The jsfiddle working fine for me too, but you could actually try like this,

$("a[href='#top']").click(function (e) {
    $("html, body").animate({
        scrollTop: 0
    }, "slow", function () {
        $('#nav-contact.dropdown-toggle').dropdown('toggle');
    });
    return false;
});

calling the toggle within the callback.

answered May 21, 2013 at 4:41

code-jaff

9,3384 gold badges39 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bootstrap Dropdown toggle triggered from javascript won't stay open consistently

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related