<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
		>
<channel>
	<title>Comentários sobre: Menu Accordion com JQuery</title>
	<atom:link href="http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/</link>
	<description>» Desenvolvimento de sistemas web</description>
	<lastBuildDate>Wed, 26 Aug 2009 18:12:06 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Por: zimar™</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-53</link>
		<dc:creator>zimar™</dc:creator>
		<pubDate>Wed, 26 Aug 2009 18:12:06 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-53</guid>
		<description>Bem pessoal, segue a solução.

Primeiro: Faça um pequeno ajuste no js, coloque o bloco da linha 49 à 63 dentro de um verificador, segue exemplo abaixo.

&lt;pre&gt;
if( $( _this ).attr(&quot;id&quot;) == &quot;submenu&quot; ) {
	// Percorre o menu para verificar as ações que deve ser executada
	// Verifica qual submenu deve ser fechado e qual será aberto
	$(&quot;div a&quot;).each(function(index){
		if ($(&#039;#menu li ul:eq(&#039; + index + &#039;)&#039;).attr(&#039;menuIndex&#039;) != _this.attr(&#039;menuIndex&#039;)) {
			// Verifica se exite algum submenu que não seja o que recebeu o evento do click aberto
			if ($(&#039;#menu li ul:eq(&#039; + index + &#039;)&#039;).is(&#039;:visible&#039;))
				$(&#039;#menu li ul:eq(&#039; + index + &#039;)&#039;).slideUp(&quot;slow&quot;); // Esocnde submenu item que visivel
		} else {
			(_this.is(&#039;:visible&#039;)) ? _this.slideUp(&quot;slow&quot;) // Esocnde submenu item que visivel
					       : _this.slideDown(&quot;slow&quot;); // Mostra o submenu item que recebeu o evento click
		}
	})

	// Retorna falso funciona como um pause
	return false;
}
&lt;/pre&gt;

Segundo: Para inserir link no menu basta alterar a estrutura da lista removendo o &lt;strong&gt;ul&lt;/strong&gt; &quot;submenu&quot;, observe o exemplo abaixo.


&lt;pre&gt;
&lt;ul id=&quot;menu&quot;&gt;
	&lt;li&gt;
		&lt;div&gt;&lt;a href=&quot;http://docs.jquery.com/&quot;&gt;JQuery Documentation&lt;/a&gt;&lt;/div&gt;
	&lt;/li&gt;

	&lt;li&gt;
		&lt;div&gt;&lt;a href=&quot;&quot;&gt;Player Game&lt;/a&gt;&lt;/div&gt;
		&lt;ul id=&quot;submenu&quot;&gt;
			&lt;li&gt;&lt;a href=&quot;http://www.cdt.unb.br/memoria&quot; title=&quot;Memória Empreendedora&quot;&gt;Memória Empreendedora&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Memória Empreendedora&quot;&gt;Memória Empreendedora&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt;
	&lt;/li&gt;

	&lt;li&gt;
		&lt;div&gt;&lt;a href=&quot;&quot;&gt;Sobre&lt;/a&gt;&lt;/div&gt;
		&lt;ul id=&quot;submenu&quot; style=&quot;border-bottom: 1px #06c solid;&quot;&gt;
			&lt;li&gt;&lt;a href=&quot;http://zimar.wordpress.com/about/&quot; title=&quot;Sobre Me&quot;&gt;Sobre Me&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href=&quot;http://docs.google.com/View?docid=ddft82q4_42hmpmmcgv&quot; title=&quot;Curriculum&quot;&gt;By Curriculum&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;div&gt;&lt;a href=&quot;http://www.google.com.br&quot;&gt;Google&lt;/a&gt;&lt;/div&gt;
	&lt;/li&gt;
&lt;/ul&gt;
&lt;/pre&gt;

abrçs, espero ter ajudado, qualquer dúvida, tó por aqui!</description>
		<content:encoded><![CDATA[<p>Bem pessoal, segue a solução.</p>
<p>Primeiro: Faça um pequeno ajuste no js, coloque o bloco da linha 49 à 63 dentro de um verificador, segue exemplo abaixo.</p>
<pre>
if( $( _this ).attr("id") == "submenu" ) {
	// Percorre o menu para verificar as ações que deve ser executada
	// Verifica qual submenu deve ser fechado e qual será aberto
	$("div a").each(function(index){
		if ($('#menu li ul:eq(' + index + ')').attr('menuIndex') != _this.attr('menuIndex')) {
			// Verifica se exite algum submenu que não seja o que recebeu o evento do click aberto
			if ($('#menu li ul:eq(' + index + ')').is(':visible'))
				$('#menu li ul:eq(' + index + ')').slideUp("slow"); // Esocnde submenu item que visivel
		} else {
			(_this.is(':visible')) ? _this.slideUp("slow") // Esocnde submenu item que visivel
					       : _this.slideDown("slow"); // Mostra o submenu item que recebeu o evento click
		}
	})

	// Retorna falso funciona como um pause
	return false;
}
</pre>
<p>Segundo: Para inserir link no menu basta alterar a estrutura da lista removendo o <strong>ul</strong> &#8220;submenu&#8221;, observe o exemplo abaixo.</p>
<pre>
&lt;ul id="menu"&gt;
	&lt;li&gt;
		&lt;div&gt;&lt;a href="http://docs.jquery.com/"&gt;JQuery Documentation&lt;/a&gt;&lt;/div&gt;
	&lt;/li&gt;

	&lt;li&gt;
		&lt;div&gt;&lt;a href=""&gt;Player Game&lt;/a&gt;&lt;/div&gt;
		&lt;ul id="submenu"&gt;
			&lt;li&gt;&lt;a href="http://www.cdt.unb.br/memoria" title="Memória Empreendedora"&gt;Memória Empreendedora&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href="" title="Memória Empreendedora"&gt;Memória Empreendedora&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt;
	&lt;/li&gt;

	&lt;li&gt;
		&lt;div&gt;&lt;a href=""&gt;Sobre&lt;/a&gt;&lt;/div&gt;
		&lt;ul id="submenu" style="border-bottom: 1px #06c solid;"&gt;
			&lt;li&gt;&lt;a href="http://zimar.wordpress.com/about/" title="Sobre Me"&gt;Sobre Me&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href="http://docs.google.com/View?docid=ddft82q4_42hmpmmcgv" title="Curriculum"&gt;By Curriculum&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;div&gt;&lt;a href="http://www.google.com.br"&gt;Google&lt;/a&gt;&lt;/div&gt;
	&lt;/li&gt;
&lt;/ul&gt;
</pre>
<p>abrçs, espero ter ajudado, qualquer dúvida, tó por aqui!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: zimar™</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-52</link>
		<dc:creator>zimar™</dc:creator>
		<pubDate>Fri, 21 Aug 2009 19:49:31 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-52</guid>
		<description>Fala Paulo, blz,

Puts, tá hospitalizado por alguns dias, mais já estou desenvolvendo um exemplo de submenu com link, assim que finalizar posto aqui.

abçs!</description>
		<content:encoded><![CDATA[<p>Fala Paulo, blz,</p>
<p>Puts, tá hospitalizado por alguns dias, mais já estou desenvolvendo um exemplo de submenu com link, assim que finalizar posto aqui.</p>
<p>abçs!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Paulo</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-50</link>
		<dc:creator>Paulo</dc:creator>
		<pubDate>Thu, 13 Aug 2009 20:03:43 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-50</guid>
		<description>Olá Zimar... gostaria de tirar uma dúvida de principiante... to usando o seu menú e tá funcionando direitinho... mas gostaria de usá-lo da mesma forma q o colega disse um pouco acima... com o link no índice. Tentei praticar a sua sugestão mas não conseguí... tem como vc colocar o script já com a inserção q vc citou? Obrigado...</description>
		<content:encoded><![CDATA[<p>Olá Zimar&#8230; gostaria de tirar uma dúvida de principiante&#8230; to usando o seu menú e tá funcionando direitinho&#8230; mas gostaria de usá-lo da mesma forma q o colega disse um pouco acima&#8230; com o link no índice. Tentei praticar a sua sugestão mas não conseguí&#8230; tem como vc colocar o script já com a inserção q vc citou? Obrigado&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: zimar™</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-48</link>
		<dc:creator>zimar™</dc:creator>
		<pubDate>Tue, 04 Aug 2009 11:48:33 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-48</guid>
		<description>Olá, David,
no momento estou sem tempo para lhes ensinar, provavelmente só vou conseguir depois do mês de setembo.

mais por enquando, lhe recomendo dar uma olhada na documentação do JQuery.</description>
		<content:encoded><![CDATA[<p>Olá, David,<br />
no momento estou sem tempo para lhes ensinar, provavelmente só vou conseguir depois do mês de setembo.</p>
<p>mais por enquando, lhe recomendo dar uma olhada na documentação do JQuery.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: David</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-45</link>
		<dc:creator>David</dc:creator>
		<pubDate>Tue, 28 Jul 2009 16:56:22 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-45</guid>
		<description>Você tem interessem em nos ensinar???
Obrigado</description>
		<content:encoded><![CDATA[<p>Você tem interessem em nos ensinar???<br />
Obrigado</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: zimar™</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-44</link>
		<dc:creator>zimar™</dc:creator>
		<pubDate>Tue, 28 Jul 2009 12:08:59 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-44</guid>
		<description>Olá, David,

é possivel criar esta estrutura, mais será necessario repensar toda estrutura do menu.</description>
		<content:encoded><![CDATA[<p>Olá, David,</p>
<p>é possivel criar esta estrutura, mais será necessario repensar toda estrutura do menu.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: David</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-43</link>
		<dc:creator>David</dc:creator>
		<pubDate>Mon, 27 Jul 2009 14:34:12 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-43</guid>
		<description>Teria como criar mais um submenu? 
A estrutura seria
 - Menu
    *-links
   - Submenu
       *-links
      - Submenu 2
         *-links 

Eu tenteii mais não consegui!</description>
		<content:encoded><![CDATA[<p>Teria como criar mais um submenu?<br />
A estrutura seria<br />
 &#8211; Menu<br />
    *-links<br />
   &#8211; Submenu<br />
       *-links<br />
      &#8211; Submenu 2<br />
         *-links </p>
<p>Eu tenteii mais não consegui!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Lúcio Kleber</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-42</link>
		<dc:creator>Lúcio Kleber</dc:creator>
		<pubDate>Wed, 01 Jul 2009 13:46:01 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-42</guid>
		<description>Esse menu aiu como uma luva para um projeto que estava atrasado e não tinha-se tempo de bolar um desses.

Voilá</description>
		<content:encoded><![CDATA[<p>Esse menu aiu como uma luva para um projeto que estava atrasado e não tinha-se tempo de bolar um desses.</p>
<p>Voilá</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: zimar™</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-35</link>
		<dc:creator>zimar™</dc:creator>
		<pubDate>Sun, 04 Jan 2009 13:28:56 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-35</guid>
		<description>Realmente não tem este tratamento, mais segue uma sugestão para vc tentar resolver, seguite no href do indice vc insere o link que deseja abrir e dentro do método $( &quot;div a&quot; ).each(function(index) {} ) você faz algo como window.location = $( &quot;div a&quot; ).attr( &quot;href&quot; );

Ex:
$( &quot;div a&quot; ).click( function() {
   $(&quot;div a&quot;).each(function(index){ 
      ... 
      window.location = $( &quot;div a&quot; ).attr( &quot;href&quot; ) 
   }
} )

Ou você também pode retirar o return false; do método $( &quot;div a&quot; ).click( function() {} ).

abs!</description>
		<content:encoded><![CDATA[<p>Realmente não tem este tratamento, mais segue uma sugestão para vc tentar resolver, seguite no href do indice vc insere o link que deseja abrir e dentro do método $( &#8220;div a&#8221; ).each(function(index) {} ) você faz algo como window.location = $( &#8220;div a&#8221; ).attr( &#8220;href&#8221; );</p>
<p>Ex:<br />
$( &#8220;div a&#8221; ).click( function() {<br />
   $(&#8220;div a&#8221;).each(function(index){<br />
      &#8230;<br />
      window.location = $( &#8220;div a&#8221; ).attr( &#8220;href&#8221; )<br />
   }<br />
} )</p>
<p>Ou você também pode retirar o return false; do método $( &#8220;div a&#8221; ).click( function() {} ).</p>
<p>abs!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: rbrazileiro</title>
		<link>http://zimar.wordpress.com/2008/07/11/menu-accordion-com-jquery/#comment-33</link>
		<dc:creator>rbrazileiro</dc:creator>
		<pubDate>Fri, 02 Jan 2009 20:51:34 +0000</pubDate>
		<guid isPermaLink="false">http://zimar.wordpress.com/?p=31#comment-33</guid>
		<description>opa zimar, valeu!
então, surgiu outra dúvida:
como eu faço pra ativar os links nos indices? tem como?
até então ele só faz abrir e fechar os submenus né?
seria mexer no $(&quot;div a&quot;).click(function() ?

abs
:)</description>
		<content:encoded><![CDATA[<p>opa zimar, valeu!<br />
então, surgiu outra dúvida:<br />
como eu faço pra ativar os links nos indices? tem como?<br />
até então ele só faz abrir e fechar os submenus né?<br />
seria mexer no $(&#8220;div a&#8221;).click(function() ?</p>
<p>abs<br />
 <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
</channel>
</rss>
