<?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>Iw2 &#187; jquery</title>
	<atom:link href="http://www.iw2.fr/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iw2.fr</link>
	<description>Veille techno, web 2.0, Symfony, Magento, Drupal, Gestion de projet...</description>
	<lastBuildDate>Tue, 23 Aug 2011 06:46:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Jquery Toggle générique</title>
		<link>http://www.iw2.fr/2009/09/21/jquery-toggle-generique/</link>
		<comments>http://www.iw2.fr/2009/09/21/jquery-toggle-generique/#comments</comments>
		<pubDate>Mon, 21 Sep 2009 12:30:00 +0000</pubDate>
		<dc:creator>jmartin</dc:creator>
				<category><![CDATA[Js & Jquery]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[toggle]]></category>

		<guid isPermaLink="false">http://www.iw2.fr/?p=7</guid>
		<description><![CDATA[Voici une petite astuce qui va vous permettre d&#8217;utiliser l&#8217;effet toggle() Jquery Site Jquery Toggle() de manière générique. L&#8217;idée est de ne plus se soucier du Javascript pour vos toggles. Je vais vous montrer cela avec un exemple concret : &#8230; <a href="http://www.iw2.fr/2009/09/21/jquery-toggle-generique/">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Voici une petite astuce qui va vous permettre d&#8217;utiliser l&#8217;effet toggle() Jquery <a href="http://docs.jquery.com/Effects/toggle" target="_blank">Site Jquery Toggle()</a> de manière générique.</p>
<p>L&#8217;idée est de ne plus se soucier du Javascript pour vos toggles. Je vais vous montrer cela avec un exemple concret :</p>
<pre class="brush: php; title: ;">
//Nous avons ici le lien cliquable qui va afficher ou cacher le bloc &quot;fils&quot;
&lt;a rel=&quot;bloc-fils&quot; class=&quot;toggle-rel&quot; href=&quot;#&quot;&gt; Lien toggle &lt;/a&gt;
//Ici le bloc fils
&lt;div id=&quot;bloc-fils&quot;&gt;... ici le contenu à afficher ou à cacher ...&lt;/div&gt;
</pre>
<p>Maintenant il suffit juste de rajouter ce mini javascript à votre projet :</p>
<pre class="brush: jscript; title: ;">
$(document).ready(function() {
  $(&quot;.toggle-rel&quot;).click(function () {
    id = $(this).attr(&quot;rel&quot;);
    $(&quot;#&quot;+id).slideToggle(&quot;slow&quot;);
  });
});
</pre>
<p>Et voila, vous pouvez utiliser cela pour tous vos différents lien/bloc toggle jquery.</p>
<p>To be continued&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iw2.fr/2009/09/21/jquery-toggle-generique/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

