Javascript Hulp

Gestart doorSamdesign2 reacties41 weergaven

3 berichten · pagina 1 van 1

Samdesign

Lid · Topicstarter

Berichten
1.004
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Ik ben bezig met mijn Miencraft site, maar daarvoor wil ik aan de zijkant boxen maken die je kunt uitklappen. Dit kan je doen door middel van op een knop te drukken op de header van de box. Nu wil ik alleen nog het Javascript ervoor hebben. ik heb al ge-googled, maar kwam alleen uit op een uitklapbaar script die niet geleidelijk ging.

Ik wil graag dat het langzaam naar beneden komt zodat het een mooier effect heeft.

Hopelijk kan iemand me hiermee helpen.

Groetjes,
Sam
0
Samdesign

Lid · Topicstarter

Berichten
1.004
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Niet echt wat ik wou, maar heb na uren zoeken deze gevonden:

<h4 id="expanderHead" style="cursor:pointer;">
    EXPANDING COLLAPSING DIV <span id="expanderSign">+</span>
</h4>
<div id="expanderContent" style="display:none">
    content<br />
    content<br />
    content<br />
    content<br />
    content<br />
</div>

<script type="text/javascript">
$(document).ready(function(){
    $("#expanderHead").click(function(){
        $("#expanderContent").slideToggle();
        if ($("#expanderSign").text() == "+"){
            $("#expanderSign").html("")
        }
        else {
            $("#expanderSign").text("+")
        }
    });
});
</script>


En deze werkt perfect!

Toch bedankt voor het helpen. Hier kan een slotje op.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren