← Javascript

Duvida Noob

Lida 3120 vezes

Offline

MateusV. 
Membro
Mensagens 3 Gostos 0
Troféus totais: 15
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 First Post Karma Webmaster Avatar

Olá pessoal!

Tenho uma duvida simples mas que pra mim é difícil. :x

Veja o HTML:
Código: [Seleccione]
<ul><li class="row"><span class="text></span><div class="caixa"><span></span></div><a class="pagination"></a></li>
<li class="row"><span class="text></span><div class="caixa"><span></span></div><a class="pagination"></a></li>
<li class="row"><span class="text></span><div class="caixa"><span></span></div><a class="pagination"></a></li>
<li class="row"><span class="text></span><div class="caixa"><span></span></div><a class="pagination"></a></li></ul>

Eu gostaria que, ao passar o mouse sobre uma li, apenas o link que estiver dentro dela receba a animação fadeToggle(), eu tentei este código:
Código: [Seleccione]
jQuery(function() { jQuery("li.row").hover(function() { jQuery(this).parent().next().fadeToggle(); }); });
Mas não funcionou, alguém poderia me ajudar?
Offline

Pedro Magalhães 
Membro
Mensagens 397 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Na citação não fechaste as aspas na classe "text"

Experimenta:

Código: [Seleccione]
jQuery(function() {
    jQuery("li.row").hover(function() {
        jQuery(this).children('.pagination').fadeToggle();
    });
});