jQuery：单击更改CSS选择器

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/

Answer 1

just put return false at end of the code block.

Updated Your Fiddle

Answer 2

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

Answer 3

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

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

DEMO

Answer 4

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.