Question

I have an Ajax based form with 3 radio buttons. When one is checked, div1 fadeIn, if two is checked, div1 fadeOut, div2 fadeIn etc. This part works great.

But I also have success and error notification in those forms, which are not disappearing when radio buttons are switched, so for div2 you can see errors from div1.

I know that I could rename the success and error box classes for each form, but I’m wondering, is there a way I could reload the page or reset the form when switching radio buttons and then needed content would fadeIn? I tried to use location.reload() but it just reloads the whole page, and needed div never fadeIn.

Hope someone could help, I’m a jQuery n00b, but I’m really starting to like this framework.

Answer 1

Use jquerys hide function to hide the notification divs when the radios are clicked:

html:

<div class="notification">There is an error</div>

script:

function onRadioClick() {
    ("div.notification").hide();
    // Do your fade in stuff

}

If I got your question right?