Responsive navbar toggle doesn't work properly

Question

I'd like to ask you for help. I want to make responsive navbar similar to Bootstrap's navbar but it doesn't work as I expected.

Here is demo http://codepen.io/anon/pen/vOodMg

jQuery:

$(document).ready(function() {
  // toggle
  $("#navbar-btn").click(function() {
    $("#navbar-nav").toggle(2000);
  });
});

Any suggestions?

Edit: Previous issue was fixed but there is responsive issue. If you click button for expand links then click again to hide and resize screen links don't appear. So what should I do?

Yes, fixed this issue but generally navbar doesn't work as Bootstrap's. There is probably issue with responsive toggle. — testerius
– testerius, Commented Aug 25, 2015 at 10:14
its working fine after removing ms from that jquery code — Amit singh
– Amit singh, Commented Aug 25, 2015 at 10:16

Nafees Anwar · Accepted Answer · 2015-08-25 10:12:44Z

1

remove ms

$(document).ready(function() {
  // toggle
  $("#navbar-btn").click(function() {
  $("#navbar-nav").toggle(2000);
  });
});

http://codepen.io/anon/pen/LVwdzW

answered Aug 25, 2015 at 10:12

Nafees Anwar

6,6783 gold badges28 silver badges46 bronze badges

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

3 Comments

testerius Over a year ago

Yes, fixed this issue but generally navbar doesn't work as Bootstrap's. There is probably issue with responsive toggle.

Nafees Anwar Over a year ago

make your time value 500

testerius Over a year ago

There is responsive issue. If you click button for expand links then click again to hide and resize screen links don't appear. So what should I do? Any suggestions? Hmm?

oshell · Accepted Answer · 2015-08-25 10:13:14Z

1

Simply do not put ms behind your time value.

$("#navbar-nav").toggle(2000);

answered Aug 25, 2015 at 10:13

oshell

9,1511 gold badge31 silver badges50 bronze badges

1 Comment

testerius Over a year ago

Yes, fixed this issue but generally navbar doesn't work as Bootstrap's. There is probably issue with responsive toggle.

Amit singh · Accepted Answer · 2015-08-25 10:14:55Z

0

Remove ms from 2000ms from your jquery code

answered Aug 25, 2015 at 10:14

Amit singh

2,0661 gold badge15 silver badges19 bronze badges

Collectives™ on Stack Overflow

Responsive navbar toggle doesn't work properly

3 Answers 3

3 Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Related