jQuery hasClass Uncaught SyntaxError: Unexpected token )

Question

I got this error in console log but can't determine what's wrong. I would like to hide an element when the button is collapsed

$(".navbar-toggle").click(function() { if(".navbar-toggle").hasClass("collapsed") $(".country-flags-container").hide(); else $(".country-flags-container").show(); )}

I appreciate your help for my learnings.

For syntax errors in JavaScript, it's simple to use JS Hint which will tell you the line numbers of the syntax errors. — David Thomas
– David Thomas, Commented Mar 31, 2017 at 11:35
You should add one more ) for if statement like if(".navbar-toggle").hasClass("collapsed") ) — Abi
– Abi, Commented Mar 31, 2017 at 11:36
There is only one syntax error in code which is in last.... i.e }) replaced by )}...so why all of giving same type answers... @ Kobe Brayan You can use a good text editor(like sublime) for avoiding syntax errors like this...() — Abhishek Mishra
– Abhishek Mishra, Commented Mar 31, 2017 at 11:40
I will try to use Sublime. I currently using notepad++ @AbhishekMishra — Kobe Bryan
– Kobe Bryan, Commented Mar 31, 2017 at 11:47

kourouma_coder · Accepted Answer · 2017-03-31 11:40:00Z

3

Try this one :

 $(".navbar-toggle").click(function() { if((".navbar-toggle").hasClass("collapsed")) // missing () for if statement $(".country-flags-container").hide(); else $(".country-flags-container").show(); });// this was the issue

Good luck

edited Mar 31, 2017 at 11:40

answered Mar 31, 2017 at 11:37

kourouma_coder

1,1082 gold badges13 silver badges24 bronze badges

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

4 Comments

Jonas Grumann Over a year ago

it's not the only issue. spot the other and my downvote becomes an upvote.

Jonas Grumann Over a year ago

I gave you the upvote anyway, your answer combined with the other answers will get the op to solve it. - edit - you found it ;)

Kobe Bryan Over a year ago

Thank you so much @lazy_coder! Appreciated it a lot!

Jonas Grumann Over a year ago

@KobeBryan can you please accept the answer so he gets the points?

Muhammad Qasim · Accepted Answer · 2017-03-31 11:37:39Z

Because you are missing brackets for if condition. You also missed $ from (".navbar-toggle"). This should be $(".navbar-toggle"). Please try the following:

$(".navbar-toggle").click(function() { if($(".navbar-toggle").hasClass("collapsed")){ $(".country-flags-container").hide(); } else{ $(".country-flags-container").show(); } });

You can replace $(".navbar-toggle").hasClass("collapsed") by the following as well:

$(this).hasClass("collapsed")

stackoverflow.com/questions/4797286/… so only the missing ) is an error.

Abi · Accepted Answer · 2017-03-31 11:37:51Z

 $(".navbar-toggle").click(function() { if(".navbar-toggle").hasClass("collapsed")) $(".country-flags-container").hide(); else $(".country-flags-container").show(); )}

Try this You miss the ) for if condition

kanzari · Accepted Answer · 2017-03-31 11:40:08Z

1

You are using this code :

if(".navbar-toggle").hasClass("collapsed")

and

".navbar-toggle"

is not a selector, also if you use this :

$(".navbar-toggle")

it return an array of elements having class 'navbar-toggle'

try this :

$(".navbar-toggle").click(function() { if( $(this).hasClass("collapsed") ) $(".country-flags-container").hide(); else $(".country-flags-container").show(); )}

also you have to think about removing the "collapsed" class after checking it, it's a flag ;)

edited Mar 31, 2017 at 11:40

answered Mar 31, 2017 at 11:35

kanzari

874 bronze badges

5 Comments

David Thomas Over a year ago

At the very least take the time to explain what the problem was, and the changes you made.

kanzari Over a year ago

sorry, i changed : if(".navbar-toggle").hasClass("collapsed") by if( $(this).hasClass("collapsed") )

David Thomas Over a year ago

Please edit your answer to include the explanation where it's likely to be read., which also allows code to be readable and offers more space for a coherent, formatted presentation.

Kobe Bryan Over a year ago

Thank you so much @kanzari and @DavidThomas!

kourouma_coder Over a year ago

@Kobe, happy coding!

Collectives™ on Stack Overflow

jQuery hasClass Uncaught SyntaxError: Unexpected token )

4 Answers 4

4 Comments

2 Comments

1 Comment

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

2 Comments

1 Comment

5 Comments

Linked

Related