PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
O

jQuery help

Door Onbekend Onbekend op 19-10-2008 13:45
1.358 views
Ik gebruik jQuery en daar wil ik bij blijven.

Ik heb een probleem. Ik weet niet hoe ik iets moet aanpakken:
Als ik een header heb en daar op geklikt wordt, moet het content eronder verdwijnen.


<h1 id="page-settings-toggle" class="showhide hidden"><span class="arrow-showhide"><!-- --></span> <span class="icon wrench-icon"><!-- --></span> <img src="i/text/paginainstellingen.png" alt="Pagina instellingen" /></h1>
<div id="page-settings" class="hidden"><!-- deze div moet shown krijgen en de h1 ook en als de class shown is, moeten ze hidden krijgen -->


Ik weet dat je met $(".showhide").bind("click", function bla bla dat kunt beginnen, maar hoe moet ik verder. Hoe kan ik zorgen dat met Javascript bij onclick op de h1 (bijv page-settings-toggle) dat -toggle er af wordt geknipt en dan de div page-settings van class wordt veranderdt?

Thx. Thomas
O
Onbekend Onbekend
20-10-2008 09:36
Ik wil mijn voorbeeld graag offline halen, dus heeft iemand een oplossing?
O
Onbekend Onbekend
20-10-2008 20:37
Maar dan nog zou dit moeten werken, toch?
$(".showhide-parrent h1").bind("click", function () { alert($(this).parent().toggleClass("hidden"); } );
Jan Koehoorn
20-10-2008 20:40
Je schrijft eerst parent met dubbel r en daarna met 1 r?
O
Onbekend Onbekend
20-10-2008 20:49
Tik/kopieerfoutje ;) Opgelost, maar daar lag het niet aan.
N
Niek Weevers
20-10-2008 23:39
Ik heb niet dit hele forum gelezen, maar ik zie dat je $(this).parent() gebruikt.
Ik neem aan dat je dit doet om de parent van this wilt benaderen.
Ik weet zo niet of dit correct is, maar ik gebruik altijd parentNode, zoals in de volgende regel
$(this.parentNode)
A
Arend a
21-10-2008 08:39
Kan je anders even een voorbeeldje posten met waar het mis gaat?
M
Mitchell
21-10-2008 15:41
Ik snap eerlijk gezegd niet waarom je zo moeilijk doet met die parent, je kan toch gewoon een functie plaatsen op die click en dan gewoon $("naam").toggleClass("hidden"); ?

Edit: Volgens mij is het trouwens ook gewoon $(this:parent)...

Reageren

Inloggen om te reageren