Forums

aaronheine

I'm working with this contact dropdown thing.

http://inspectelement.com/demos/jquerycontactus/

I'm having some problems with the id="header" that is found in the container div. Why is it there? There is no reference to it in the CSS or anywhere! And the dropdown does not work unless it is there

Anyone know what the purpose of it is?

Thanks,
Aaron

jamy_za

Are you sure it's required? It seems to work fine without it.

Kestral

"jamy_za" said:
Are you sure it's required? It seems to work fine without it.

I saved the HTML file to my localhost and deleted id="header" and it didn't work for me. It did work when I removed it with FireBug, however.

jamy_za

I'm not sure this is going to fix it, but this is an odd problem, so it might :lol:

$(&quot;#contactArea&quot;)&#46;height(0);

$(&quot;#example&quot;)&#46;click(function(){
	if(!$(&quot;#contactArea&quot;)&#46;is(&quot;&#58;animated&quot;)){
		$(&quot;#contactArea&quot;)&#46;slideToggle(1700, 'easeOutBounce');
	}
});

I prefer this to the animate() function. And the 'if #contactarea is not animated' prevents queueing.

What exactly happens when you remove #header?

aaronheine

If i remove the header the JQ no longer works. Also if I try to work it into my original header it doesn't work.

That is the problem, I now have two headers and cant get rid of either one or it doesn't work.

jamy_za

Try fixing up the xHTML error. http://validator.w3.org/
The 'area-required' errors can be ignored.

If the problem continues, I'll make it my life's mission to solve the issue :lol:

treehouse : what would you like to learn today?

Forums

Mysterious----> id="header"