Autor Zpráva
moom
Profil
Lidi zlatí, mám prosím dotaz, Mám vytvořený následující jQuery,
kde animuji jednotlivé odkazy. Každý odkaz má svoji třídu.
Je prosím nějaká možnost jak to zapsat zkráceně, abych nemusel
pro každý odkaz dělat speciální třídu a k tomu pokaždé jQuery kód?
Aby se animoval pouze aktivní element:

// Ikonky animace
$('a.speciality').hover(function () {
    $('.zoom-speciality').animate({opacity:'toggle'},'100');
});
$('a.kava').hover(function () {
    $('.zoom-kava').animate({opacity:'toggle'},'100');
});
$('a.menu').hover(function () {
    $('.zoom-menu').animate({ opacity:'toggle' }, '100');
});
$('a.napoje').hover(function () {
    $('.zoom-napoje').animate({ opacity:'toggle' }, '100');
});
$('a.vino').hover(function () {
    $('.zoom-vino').animate({ opacity:'toggle' }, '100');
});

html kód je takto:

<li>
    <a class="kava" href="jidelni-listek.html"></a>
    <span class="zoom-kava"></span>
    <h2>Cafe</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</li>

Máte prosím nějakou radu.
Str4wberry
Profil
Jestli tomu dobře rozumím, tak stačí použít $(this) a next() (příklad).
moom
Profil
Posílám hubana :) děkuji, děkuji, to by mě nenapadlo, zkoušel jsem to vyřešit
pomocí sourozence, ale furt se mně animovaly všechny ikonky. Zrovna jsem
chtěl najít, jestli se nedá nějak udělat aby se animoval pouze aktivní element
nad kterým je kurzor, ale toto funguje pěkně. Jestli tomu rozumím, správně,
tak právě THIS způsobí, že se vybere pouze aktivní element a NEXT to omezí na
následující.

Paráda, místo vypisování funkce pro každý odkaz, tak stačí dva řádky.
Nádhera, skáču radostí jako blecha. Ale musím jít odhrabávat sníh, uf...

Ještě prosím jeden dotaz, kdybych nechtěl vybrat následující element, ale
až H2, nebo P, tak bych musel napsat místo NEXT co? Toto:

$(this).siblings("h2")


Děkuji, děkuji, děkuji.
Str4wberry
Profil
Zřejmě ano, však si to můžete vyzkoušet. :–)
moom
Profil
Máte recht, děkuji a zdravím

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0