hallo
ik zoek zo soort spoiler maar weet niet het heet hier een voorbeeld

blablbls
sdvffsd

[meer lezen]
Spoiler
ddfgdsffdvg

dfsfsdsd


MVG KENNY
Lijkt me een CSS-class die wisselt en de hoogte van de div bepaalt als je op "meer" drukt.
en hoe kan ik dat het beste doen
Met jQuery's addClass kan je een CSS-class toevoegen waarbij je het divje aan langere height geeft.
ik heb deze code van een vriend gekregen

 function addSpoiler($words){
    $wordsArr = explode(' ', $words);
    $wordsArr[0] = '<div>' . $wordsArr[0];
    $wordsArr[count($wordsArr) - 1] = $wordArr[count($wordsArr) - 1] . '</div>';
    
    if(count($wordsArr) > 75){
        $wordsArr[75] = '</div><div class="spoiler" >' . $wordArr[75];
    }
    
    return implode(' ', $wordsArr);
}  
}
 
?>
<button type="button" onclick="spoiler()">
<script>
    function spoiler(){
        $('.spoiler').css('display', 'block');
    }
Mooi. Leuke is dat jQuery zelf al een click-event heeft. Dus waarom zou je onclick in HTML willen gebruiken? ;-)
- Aar - op 09/11/2014 20:05:06

Mooi. Leuke is dat jQuery zelf al een click-event heeft. Dus waarom zou je onclick in HTML willen gebruiken? ;-)


ik krijg hem van een vriend
heb hem bijna helemaal gefixt
alleen nu deze error
Uncaught ReferenceError: $ is not defined
op dit stukje code

<script>
    function spoiler(){
        $('.spoiler').css('display', 'block');
    }
</script>
Vergeet niet jQuery in te laden en te 'starten'.
ik krijg die error als op de button klik die met SPOILER()
en dan zegt die $ fout is
<script>
function spoiler(){
$('.spoiler').css('display', 'block');
}
</script>
Ja, dat zei je al ;-)
maar wat bedoel je dan me inladen starten want dat die doet die

alleen jqeury geef zelf de error in de bedugger van van chrome

Reageren