JQuery Problem With Link Click

I've got a litt开发者_开发技巧le project I'm working on.

I've got a problem with the reply links found on the page. The problem only occurs with Firefox. I've tested on Google Chrome but, no problem.

Ideally, when I click the reply link, the topmost sharebox dissapears and the reply box appears under the comment to reply to.

When I click the reply link of any comment on Google chrome, the topmost sharebox disappears immediately and the replybox appears simultaneously.

however, in Firefox, on the first click, nothing happens except that the topmost sharebox loses focus. On second click, the topmost sharebox disappears and the replybox shows.

My problem is: why does it require two clicks for it to work in Firefox? I want it to work with only the first click.

That remove() is executed after fadeOut is complete. (Browser doesn't wait, keep executing next lines)

So when browser considers that fadeOut is complete, removes the $('#comment_form'). That in the case of slow browsers has been filled already with the new form?

So try without fadeOut to see if works like that, keeping executing of that code chronologically.