<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Matt Burton &#187; jquery</title>
	<atom:link href="http://www.seoogle.co.uk/webdesign/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.seoogle.co.uk</link>
	<description>Web design / development</description>
	<lastBuildDate>Thu, 11 Feb 2010 10:48:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Jquery Hide/Show div toggle (revisited)</title>
		<link>http://www.seoogle.co.uk/jquery/jquery-hideshow-div-toggle-revisited/.</link>
		<comments>http://www.seoogle.co.uk/jquery/jquery-hideshow-div-toggle-revisited/.#comments</comments>
		<pubDate>Thu, 11 Feb 2010 10:40:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.seoogle.co.uk/?p=124</guid>
		<description><![CDATA[As James rightly pointed out this was filled with errors in Internet Explorer.
Revisited to use toggle &#8211; anyone have any problems let me know.
Little jquery script to open a tab panel on your site simple but effective.
live demo here






 
  $(document).ready(function(){

  $("#contactimg").live("click", function(){
$("#contact").html("
Close Contact

");
		$("#contact").html('');
  		$(".contact_hidden").animate({"height": "toggle"}, { duration: 1000 })

 	})

  [...]]]></description>
		<wfw:commentRss>http://www.seoogle.co.uk/jquery/jquery-hideshow-div-toggle-revisited/./feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery reveal panel (top) to show contact details</title>
		<link>http://www.seoogle.co.uk/jquery/jquery-reveal-panel-top-to-show-contact-details/.</link>
		<comments>http://www.seoogle.co.uk/jquery/jquery-reveal-panel-top-to-show-contact-details/.#comments</comments>
		<pubDate>Tue, 11 Aug 2009 15:43:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.seoogle.co.uk/?p=42</guid>
		<description><![CDATA[Little jquery script to open a tab panel on your site simple but effective.
live demo here

&#60;script  &#62;
$(document).ready(function(){
$("#contactimg").live("click", function(){
$("#contact").html("&#60;p id='closebox'&#62;Close Contact&#60;/p&#62;");
$("#contact").html('&#60;img src="image_top/close.jpg" id="closebox"/&#62;');
$(".contact_hidden").animate({ height: "200px",}, 1500 );
})
$("#closebox").live("click", function(){
$("#contact").html('&#60;img src="image_top/contact_button.png" id="contactimg"/&#62;');
$(".contact_hidden").animate({ height: "0px",}, 1500 );
})
});

&#60;/script&#62;
//and then some html ..
&#60;div class="contact_hidden"&#62;
>&#60;h2&#62; Your hidden content goes here!!&#60;/h2&#62;
&#60;/div&#62;
&#60;div class="main"&#62;
&#60;div class="contact" id="contact"&#62;
&#60;img src="image_top/contact_button.png" alt="contact_button" id="contactimg"/&#62;
&#60;/div&#62;

&#60;h2&#62; Your main content goes here&#60;/h2&#62;&#60;br /&#62;&#60;br [...]]]></description>
		<wfw:commentRss>http://www.seoogle.co.uk/jquery/jquery-reveal-panel-top-to-show-contact-details/./feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
