Jquery slideToggle functie

  • Onderwerp starter Onderwerp starter pum
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

pum

Gebruiker
Lid geworden
18 dec 2009
Berichten
193
mijn vraag: Ik ben net begonnen met jquery heb dit stukje nu getikt.

[JS] <script type="text/javascript">
$(document).ready(function(){

$("li.slide").hide();

$("a.portfolio").click(function(){
//window.alert("portfolio");
$("li.slide").slideToggle("slow");
$(this).html("verbergen");
});

});
</script>[/JS]

de bedoeling ik heb een knop als ik hier op druk schuiven er 3 list items naar beneden(met daarin afbeeldingen). de tekst van de knop word nu verbergen. als ik nu weer op die knop klik wil ik dat de tekst (bekijk portfolio) er weer komt te staan. hoe kan ik chekken hoe vaak er op er op deze knop is gedrukt? ik heb het geprobeerd met return true en false maar kwam er niet helemaal uit
 
Laatst bewerkt:
Door in plaats van .click(); de functie .toggle(); te gebruiken
http://api.jquery.com/toggle/
[js]
$(document).ready(function() {
$('a.portfolio').toggle(
// eerste keer
function() {
$(this).html('Verbergen');
$('li.slide').slideToggle(slow);
},
// Tweede keer
function() {
$(this).html('Bekijk portfolio');
$('li.slide').slideToggle(slow);
});
});
[/js]

En de
[js]$("li.slide").hide();[/js]
zou ik gewoon in mijn CSS opnemen.

Dus
Code:
li .slide {
  display: none;
}
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan