jQuery click function -- selector's css not being changed

Question

I'm going nuts over an issue I'm sure is obvious to someone.

I want a certain section of my page to disappear when a button is clicked.

Here's my code:

$(document).ready(function(){
   $('.button').click(function() {
        $('.page-section').css('display', 'none');
   });
});

The script is being referenced correctly. jQuery is being loaded first. If I put an alert('something') inside the click event, it fires.

But for some reason, I am unable to get the css to change.

When I use the same line of code in my console, the css changes as it should.

Any ideas?

to hide the element instead of calling css() you can use $('.page-section').hide() — Arun P Johny
– Arun P Johny, Commented Dec 8, 2013 at 1:17

candeias · Accepted Answer · 2013-12-08 01:30:39Z

1

Try replace this:

 $('.page-section').css('display', 'none');

with this:

 $('.page-section').css({'display':'none'});

or

 $('.page-section').hide();

Hope it helps.

answered Dec 8, 2013 at 1:30

candeias

1314 bronze badges

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

Comments

maembe · Accepted Answer · 2013-12-08 02:50:31Z

0

Your code seems like it should work. Have you inspected that element with developer tools after clicking the button? You should be able to see what classes are being applied, even if another style is overriding it, for example, if you had .page-section{display:block !important;} somewhere in your stylesheet, your jQuery wouldn't hide it. It also seems possible that that element is actually being hidden, but it's actually some other element you're trying to hide.

answered Dec 8, 2013 at 2:50

maembe

1,3101 gold badge13 silver badges26 bronze badges

Collectives™ on Stack Overflow

jQuery click function -- selector's css not being changed

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related