Jquery .show() And .hide() Or Even .css({"display":"none"}); Not Working In Firefox?

For some odd reason the part where objects are shown and hidden in my script doesn't seem to be working. I'm not sure if its the fact firefox doesn't like that or whether its the f

Solution 1:

Your HTML does not validate. See here,

http://validator.w3.org/check?uri=http%3A%2F%2Fbed-adjustable.co.uk%2Fbuild-a-bed%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

The very first line of your html is already invalid.

Sorry your first line is ok, I didnt know that was HTML5, though it is pretty early to do HTML5.

Solution 2:

I didn't follow your links (see my comment on your question), but fundamentally, Firefox has no issue with jQuery's show and hide or setting display: none in CSS, so it is a code problem.

Solution 3:

Could start with validating your XHTML, http://validator.w3.org/check?uri=http://bed-adjustable.co.uk/build-a-bed/&charset=(detect+automatically)&doctype=Inline&group=0