Hey Drenge og hvis der skulle være en enkelt pige, så hej til dig også :)
Jeg sidder i øjeblikket med en lille kodeprojekt, som volder mig problemer..
Jeg har nogle divs med en jquery slidetoggle på, jeg vil gerne have at når man klikker på test content 1, så åbner der en box, længere nede på siden, med test content 1 i..
Min kode struktur ser således ud:
Kode:
<div class="clickme">
test content 1
</div>
<div class="clickme">
test content 2
</div>
<div class="clickme">
test content 3
</div>
<div class="clickme">
test content 4
</div>
<div id="dropdown" class="box">
Test content #
</div>
<script>
$( ".clickme" ).click(function() {
$( "#dropdown" ).slideToggle( "slow", function() {
console.log('toggeled');
});
});
</script>
Nogen der har en forslag til hvordan det kan gøres ?
Jeg foreslår at du prøver at kigge på CodeSchool.com De har nogen super gode og grundlæggende lektioner i fx jQuery og du kan lynhurtigt få en fornemmelse for hvad der skal til for at opnå det du gerne vil. På få timer kan du komme en hel del igennem, det er sjovt, der er kodeeksempler og opgaver og det er super effektivt.
De første lektioner er gratis og hvis du vil dykke dybere kræver det et abonnement, men det er nok ikke nødvendigt for det du gerne vil.
Held og lykke.
Du skulle bare have mulighed for at lave en ekstra class og putte den ind sådan her
har ikke tested så er ikke sikker
Kode:
<div class="clickme2">
test content 1
</div>
<div class="clickme">
test content 2
</div>
<div class="clickme">
test content 3
</div>
<div class="clickme">
test content 4
</div>
<div id="dropdown" class="box">
Test content #
</div>
<script>
$( ".clickme, clickme2" ).click(function() {
$( "#dropdown" ).slideToggle( "slow", function() {
console.log('toggeled');
});
});
</script>
(05-09-2016, 10:41)SOLITUDE Skrev: [ -> ]Du skulle bare have mulighed for at lave en ekstra class og putte den ind sådan her
har ikke tested så er ikke sikker
Kode:
<div class="clickme2">
test content 1
</div>
<div class="clickme">
test content 2
</div>
<div class="clickme">
test content 3
</div>
<div class="clickme">
test content 4
</div>
<div id="dropdown" class="box">
Test content #
</div>
<script>
$( ".clickme, clickme2" ).click(function() {
$( "#dropdown" ).slideToggle( "slow", function() {
console.log('toggeled');
});
});
</script>
Umildbart ville det da ikke ændre noget, udover give mig flere classes..
(05-09-2016, 11:01)D0Tch Skrev: [ -> ]Umildbart ville det da ikke ændre noget, udover give mig flere classes..
Nej det har jeg lagt mærke til :/ tror ellers bare du kan lave to forskellige functions men jquery er sku ikke min stærke side :)
https://jsfiddle.net/4wkmLypb/
Siden du sikkert vil have noget forskelligt inde i hver slidedown, hvorfor så ikke tilføje et hidden element og slide det ned?
