D�vida no jquery...

Question

Galera, algu�m sabe qual � essa jquery que se encontra no site a seguir?
quando o mouse � colocado em cima de tipo "Prefeitura", ele abri autom�tico as op��es...
http://gloria.ba.gov.br/
Onde posso encontrar?

Rafael Carrenho · Answer

Andrew,Muito provavelmente foi utilizado o jQuery UI, uma outra biblioteca usada junto com o jQuery para realizar efeitos visuais. Inclusive vale a pena dar uma olhada nas [url:descricao=demos]//jqueryui.com/demos/[/url], o jQuery UI � capaz de muitos efeitos que podem agradar muito na experi�ncia do usu�rio navegando no seu site.Mas neste caso em espec�fico o efeito usado foi o accordion, mas com trigger no evento de mouseover, felizmente no pr�prio site do jQuery j� tem a funcionalidade demonstrada, para ver o c�digo fonte basta clicar em View source code:[url:descricao=//jqueryui.com/accordion/#hoverintent]//jqueryui.com/accordion/#hoverintent[/url]...

Andrew Angelim · Answer

Muit�ssimo obrigado cara...Grande ajuda..;)...

Andrew Angelim · Answer

Gostei muito dos Demos..Vai ser de grande utilidade...mais uma vez obrigado ;)...

Marisiana Battistella · Answer

Muito bom!Tamb�m gostei das demos, vai ser bem �til!Obrigada!...

Raphael Souza · Answer

Ol�, bom dia! Teste aqui e com o mouseover n�o aconteceu nada, mas no click existe um efeito do tipo toggle na altura. Se for esse tipo de efeito que deseja, n�o h� a necessidade de utilizar jQuery UI, pois seria apenas mais um arquivo a ser carregado no site/sistema. O mesmo resultado pode ser obtido somente com o jquery da forma muito simples:

** SOLU��O V�LIDA SOMENTE SE O EFEITO DESEJADO FOR O MESMO QUANDO O USER CLICA NO LINK PREFEITURA DO SITE DE EXEMPLO **

HTML

<section id='teste'>
<header>Prefeitura</header>

<div class='opcoes'>

<ul>
<li>A prefeitura</li>
<li>Vice-prefeito</li>
</ul>

</div>

</section>

jQuery


$(document).ready(function(){

var opcoes = $('.opcoes');
var trigger = $('#teste');

opcoes.hide();

// EVENTO NO CLICK

trigger.click(function(){
    $(opcoes).animate({
        height: 'toggle'
     });
});
});

O c�digo est� bem superficial, mas acredito que d� pra ilustrar o efeito desejado.
Qualquer coisa � s� postar.

Abra�o.