Link per link HIDE

Gestart doorSanderc10 reacties23 weergaven

11 berichten · pagina 1 van 1

Sanderc

Lid · Topicstarter

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

Ik oefen nog wat mijn codeer talen.
En nu probeer ik een soort GPT linken systeem te doen.

Dit heb ik nu:

<html>
<head>
<script src="http://w3schools.com/jquery/jquery.js"></script>
<script>
$(document).ready(function(){
  $("a").click(function(){
    $("a").hide("slow");
  });
});
</script>
</head>
<body>
<a href="http://www.google.com" target="_blank">Kliklink test</a><br/>
<a href="http://www.google.com" target="_blank">Kliklink test</a><br/>
<a href="http://www.google.com" target="_blank">Kliklink test</a><br/>
<a href="http://www.google.com" target="_blank">Kliklink test</a><br/>
</body>
</html>


Maarrrr, weet iemand hoe ik ervoor zorg dat alleen de link weg gaat waar je op geklikt hebt.
Ik kan het wel doen, maar dan wordt het zo lang, en ik denk dat het wel veel makkelijker kan!

Bedankt!
0
Berichten
3.112
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
$("a").click(function(){
    $(this).hide("slow");
  });


Misschien?
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Sanderc schreef:
Dan hide hij niks meer:

http://sander.vanmarijn.nl/gpt.php
Je hebt ook "this" en niet this (zonder " ").
0
Berichten
5.274
Reputatie
1
Punten
0,01
Lid sinds
Laatst gezien

Eindhoven, Nederland

Beter gebruik je geen hide, hier op mn tablet blijft het veld er nog wel, maar de tekst gaat wel. miss .remove();
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Wouterr schreef:
Beter gebruik je geen hide, hier op mn tablet blijft het veld er nog wel, maar de tekst gaat wel. miss .remove();
Of toggle?
0
Berichten
308
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Sanderc schreef:
BUMP, het schuift niet naar boven confused:

http://sander.vanmarijn.nl/gpt.php
$(a).click(function() {
    $(this).hide(slow, fade, function() {
        $(this).remove();
    });   
})


Vergeet dat.
Het komt doordat je na je links
tags hebt zitten. Die
tags blijven staan.
0
Sanderc

Lid · Topicstarter

Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Robbeing schreef:
Eerdere citaten tonen
Sanderc schreef:
BUMP, het schuift niet naar boven confused:
http://sander.vanmarijn.nl/gpt.php

$(a).click(function() {
    $(this).hide(slow, fade, function() {
        $(this).remove();
    });   
})


Vergeet dat.
Het komt doordat je na je links
tags hebt zitten. Die
tags blijven staan.
Dan gaat het nog niet weg?

http://www.sander.vanmarijn.nl/gpt.php
0
Berichten
308
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Sanderc schreef:
Eerdere citaten tonen
Robbeing schreef:
Eerdere citaten tonen
Sanderc schreef:
BUMP, het schuift niet naar boven confused:
http://sander.vanmarijn.nl/gpt.php

$(a).click(function() {
    $(this).hide(slow, fade, function() {
        $(this).remove();
    });   
})


Vergeet dat.
Het komt doordat je na je links
tags hebt zitten. Die
tags blijven staan.
Dan gaat het nog niet weg?

http://www.sander.vanmarijn.nl/gpt.php
Ja, omdat

Door die js gaat je link() een display: none style krijgen. Normaal zou die holle ruimte wegmoeten dan.

Maar de lege regel blijft staan omdat er een
-tag staat, die tag staat buiten je tag waardoor deze niet wordt verwijderd door je js.
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