Tråd bedømmelse:
  • 0 Stemmer - 0 Gennemsnit
  • 1
  • 2
  • 3
  • 4
  • 5
Jquery Slidetoggle
05-09-2016, 09:07
#1
Jquery Slidetoggle
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 ?
Find alle beskeder fra denne bruger
Citer denne besked i et svar
05-09-2016, 09:28
#2
RE: Jquery Slidetoggle
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.
Find alle beskeder fra denne bruger
Citer denne besked i et svar
05-09-2016, 10:41 (Denne besked var sidst ændret: 05-09-2016, 10:41 af No0ne.)
#3
RE: Jquery Slidetoggle
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>
Find alle beskeder fra denne bruger
Citer denne besked i et svar
05-09-2016, 11:01
#4
RE: Jquery Slidetoggle
(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..
Find alle beskeder fra denne bruger
Citer denne besked i et svar
05-09-2016, 11:06
#5
RE: Jquery Slidetoggle
(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 :)
Find alle beskeder fra denne bruger
Citer denne besked i et svar
05-09-2016, 13:08
#6
RE: Jquery Slidetoggle
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? Wink
yolo
Find alle beskeder fra denne bruger
Citer denne besked i et svar
« Ældre | Nyere »




User(s) browsing this thread: 1 Gæst(er)