Kezdőoldal » Számítástechnika » Weblapkészítés » HTML-ben egy div-re kattintva...

HTML-ben egy div-re kattintva "lenyíló" panel készítése?

Figyelt kérdés

Az ötlet röviden: az oldal szerkezete valami olyasmi lenne, hogy címszavak egymás alatt külön-külön div-ben, és a div-re kattintva lenyílik alatta az adott cím tartalma

itt egy kép is: [link]

Az értelmes válaszokat előre is köszönöm



2016. ápr. 21. 17:08
 1/3 anonim ***** válasza:
100%

[link]

ezen már el tudsz indulni

2016. ápr. 21. 19:05
Hasznos számodra ez a válasz?
 2/3 A kérdező kommentje:

sajna még kezdő vagyok js téren :/

Szóval, ha meg tudnátok mondani mit rontottam el ebben hálás lennék

(1.-es alapján csináltam)



<html>

<body>


<script type="text/x-javascript">

$(document).ready(function () {

$('.accordion-item .title').on('click', function () {

$(this).siblings('div.accordion-content').slideToggle();

})

})

</script>



<style>

.accordion-item .title {

cursor: pointer;

}

.accordion-item .accordion-content {

display: none;

}

</style>


<div class="accordion-item">

<p class="title">Kérdés #1</p>

<div class="accordion-content">

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

</div>

</div>

<div class="accordion-item">

<p class="title">Kérdés #1</p>

<div class="accordion-content">

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

</div>

</div>

<div class="accordion-item">

<p class="title">Kérdés #1</p>

<div class="accordion-content">

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

</div>

</div>

<div class="accordion-item">

<p class="title">Kérdés #1</p>

<div class="accordion-content">

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

</div>

</div>

<div class="accordion-item">

<p class="title">Kérdés #1</p>

<div class="accordion-content">

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

<p>Válasz</p>

</div>

</div>

</body>

</html>

2016. ápr. 23. 11:24
 3/3 anonim ***** válasza:

Ja igen, annyi a gond, hogy amit én küldtem az egy jQuery nevű függvénykönyvtárat használ.

A <head></head> tagbe rakd be ezt, és ez be fogja tölteni:

<script src=" [link]

2016. ápr. 23. 20:36
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!