Hirdetés
- Megvásárolható a Vivo X300 és X300 Pro Magyarországon, íme a hivatalos árak
- Amazfit Bip 6 - jót olcsón
- iPhone topik
- Xiaomi 14 - párátlanul jó lehetne
- Samsung Galaxy A54 - türelemjáték
- Műholdas AI chippel fedné le a bolygót a Samsung
- Huawei Watch GT 6 és GT 6 Pro duplateszt
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Megérkeztek a Xiaomi 15T sorozatának telefonjai Magyarországra
- Telekom mobilszolgáltatások
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
Túlbonyolítod.

Ha azt szeretnéd, hogy az első jelenjen meg, akkor az első "fo" osztályú div leftcontent osztályú gyerekelemének a display tulajdonsága legyen mondjuk display:block, a többi leftcontent mind induljon elrejtett állapotból (display:none).A többihez tartozó kód:
<script type="text/javascript">
$('.almenu').click( function( ){
// ha a testvérelem (.leftcontent) látszik amúgy is, simán eltüntetjük
if( $(this).next().is(":visible") ){
$(this).next().hide(500);
}
else{
$('.leftcontent').hide(500);
$(this).next().show(500);
}
});
</script> -
jeges
senior tag
szia,
én a következőket próbálnám ki:
this helyett $(this)
:eq() helyett .eq() -- beágyazott (úgy értem, a :xxx stílusú) selectorok nem szokták szeretni az ilyen hivatkozásokat, .eq() igen.
ha még mindig nem megy, .each() eljárással próbálkozz. nem feltétlen szükséges, de számomra legalábbis átláthatóbbá válik az aktuális "környezet" (azaz éppen mit jelent a this/$(this) ). aztán ha működik, lehet optimalizálni.valszeg elég lenne valami ilyesmi:
$(".almenu").each(function(){
$(this).bind("click",function(){
$(".leftcontent", ".leftmodule").hide();
$(".leftcontent", ".leftmodule").eq( $(this).index() ).show();
});
});ehhez persze el kell intézni, hogy alapértelmezésben minden leftcontent display:none legyen. én csinálnék egy visible class-t, ami display:block-ot állít, és azt adnám a leftcontent-hez. a fenti így nagyjából úgy nézne ki, hogy
$(".almenu").each(function(){
$(this).bind("click",function(){
$(".leftcontent", ".leftmodule").removeClass("visible");
$(".leftcontent", ".leftmodule").eq( $(this).index() ).addClass("visible");
// esetleg: $(".visible").show();
});
});nem túl optimális a megoldás, de 3-4 gomb esetén nincs érzékelhető különbség.
elnézést, elírás lehet benne még, mer' nem teszteltem...megjegyzés: mindig érdemes minél pontosabb class selectorokat használni, mer' sokat tud lendíteni az oldal performanciáján (lásd $(".leftcontent", ".leftmodule") ). ahol lehet, ott pedig inkább id, az a leggyorsabb.
-
martonx
veterán
Ugyan ennek már marhára nincs köze a jqueryhez, de a web fejlesztő eszközökkel lehet debugolni a futó javascript kódokat.
Aminek során meg tudod nézni ahogy soronként végrehajtódik a kód, kiértékelődnek a változók, mindent.
Ezt kellene megtenned, megtanulnod, hogy tovább tudj lépni.A javascript fejlesztés nem áll másból, mint szopáshalmokból, jó magasan egymásra púpozva. A webfejlesztő eszközök ezen a kínon enyhítenek valamelyest. A JQuery annyiban könnyíti meg a javascript fejlesztést, hogy az előbb használt képem esetében oszd el az egymásra púpozott szopáshalmokat hárommal

-
Új hozzászólás Aktív témák
- Robogó, kismotor
- Milyen RAM-ot vegyek?
- Megvásárolható a Vivo X300 és X300 Pro Magyarországon, íme a hivatalos árak
- Ubuntu Linux
- Kerékpárosok, bringások ide!
- Amazfit Bip 6 - jót olcsón
- Kamionok, fuvarozás, logisztika topik
- Hisense LCD és LED TV-k
- iPhone topik
- Xiaomi 14 - párátlanul jó lehetne
- További aktív témák...
- Gamer PC RTX 5080 AMP Extreme Ultra / i5-14600K / DDR5 / Garanciás hibátlan állapotban!
- WD Blacck SN8100 4 TB M.2 NVME PCI-E 5.0 x4 - Új - 14.900-14.000 MBs - Eladó!
- SAMSUNG 2TB 990 EVO PLUS M.2 NVME PCI-E 4.0 x4/ 5.0 X2 - Új - 7250-6300 MBs - Eladó!
- MSI RTX 3070 8GB GDDR6 SUPRIM X - Dobozos, Újszerű - Eladó!
- INGYEN POSTA -Prémium V901 - DDR5 - Intel i5-14600KF -RTX 5060Ti -32GB -1TB SSD -www.olcsogamerpc.hu
- GYÖNYÖRŰ iPhone 14 Pro Max 256GB Space Black - 1 ÉV GARANCIA, Kártyafüggetlen,MS3489
- KIÁRUSÍTÁS - HP Elite / ZBook Thunderbolt 3 Dock (akár 2x4K felbontás)
- BESZÁMÍTÁS! Gigabyte B550M R7 5700X 32GB DDR4 1TB SSD RTX 4060 TI 16GB Gamemax Brufen C3 BG 650W
- Honor 90 /12/512GB / Kártyafüggetlen / 12Hó Garancia
- REFURBISHED - DELL Docking Station WD19S + 130W töltő
Állásajánlatok
Cég: NetGo.hu Kft.
Város: Gödöllő
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest





