Jquery: change css selector on click

Question

I just get {"error": "Please use POST request"} when I run this

$("#ricomporreclick").click(function () {
    $("#film").css('visibility', 'hidden');
    $("#ricomporre").css('visibility', 'visible');
});

What's wrong with the code? I'm tring to change the selector without page being reloaded.. when the click is triggered #film should be display:none and #ricomporre should be visible.

http://jsfiddle.net/8Ndba/

Ehsan Sajjad · Accepted Answer · 2014-05-17 12:45:02Z

2

just put return false at end of the code block.

Updated Your Fiddle

answered May 17, 2014 at 12:45

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

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

Comments

Rajaprabhu Aravindasamy · Accepted Answer · 2014-05-17 12:44:55Z

1

Try to use event.preventDefault() to prevent the default functionality of the anchor tag,

$("#ricomporreclick").click(function (e) {
    e.preventDefault()
    $("#film").css('visibility', 'hidden');
    $("#ricomporre").css('visibility', 'visible');
});

DEMO

answered May 17, 2014 at 12:44

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

1 Comment

Rajaprabhu Aravindasamy Over a year ago

@DioCane Just now checked your page, Wrap that code inside $(document).ready().! And let me know whether it is working or not.?

Barmar · Accepted Answer · 2014-05-17 12:49:27Z

0

Change your anchor so the URL doesn't do anything:

<a href="javascript:void()" id="ricomporreclick">HERE</a>

DEMO

answered May 17, 2014 at 12:49

Barmar

789k57 gold badges554 silver badges669 bronze badges

Comments

soarjay · Accepted Answer · 2014-05-17 12:53:36Z

0

You need to stop the link from redirecting by using the preventDefault method. I've edited the fiddle to show this

$("#ricomporreclick").click(function (e) {
    $("#film").css('visibility', 'hidden');
    $("#ricomporre").css('visibility', 'visible');
    e.preventDefault();
});

What was happening previously was that it was correctly changing the visibility, but then the link was reloading the page causing the css to be reset to the stylesheet.

answered May 17, 2014 at 12:53

soarjay

6514 silver badges18 bronze badges

Collectives™ on Stack Overflow

Jquery: change css selector on click

4 Answers 4

Comments

DEMO

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related