1. Accordion Bawaan
isi 1
Saya dirancang untuk fleksibilitas dan dapat disesuaikan sesuai kebutuhan spesifik pengguna dan pengembang web. Baik dalam menambah atau mengurangi item, atau menyesuaikan tampilan dan gaya agar selaras dengan desain keseluruhan situs web, saya dapat diatur untuk memenuhi berbagai keperluan.
Dengan fitur yang memungkinkan konten disembunyikan hingga diperlukan, saya menjaga halaman tetap teratur dan fokus. Pendekatan ini memudahkan navigasi dan memastikan bahwa pengguna dapat dengan cepat menemukan informasi yang mereka butuhkan tanpa harus menggulir melalui halaman yang panjang.
Accordion Soal dan Jawaban satuan
1. Apa yang disebut dengan Kalam?
isi jawaban 1
2. Apa yang disebut dengan Kalam?
isi jawaban 2
3. Apa yang disebut dengan Kalam?
isi jawaban 3.
ini kode yang saya buat untuk satuan
<p> 1. Apa yang disebut dengan Kalam?</p>
<div class='accordion' id='accordionExample'>
<div class='accordion-item'>
<div class='accordion-header'>
<button class='accordion-button fw-semibold collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#collapseOne' aria-expanded='true' aria-controls='collapseOne'>Jawaban</button></div>
<div id='collapseOne' class='accordion-ollapse collapse' data-bs-parent='#accordionExample'>
<div lass='accordion-body'> isi jawaban 1</div></div></div></div>
<p> 2. Apa yang disebut dengan Kalam?</p>
<div lass='accordion' id='accordionExample'> <div class='accordion-tem'>
<div class='accordion-header'> <button class='accordion-button fw-semibold collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#collapse2' aria-expanded='false' aria-controls='collapse2'> Jawaban </button>
</div>
<div id='collapse2' class='accordion-collapse collapse' data-bs-parent='#accordionExample'>
<div class='accordion-body'>isi jawaban 2</div></div></div></div>
<p> 3. Apa yang disebut dengan Kalam?</p>
<div class='accordion' id='accordionExample'>
<div class='accordion-item'>
<div class='accordion-header'>
<button class='accordion-button fw-semibold collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#collapse3' aria-expanded='false' aria-controls='collapse3'> Jawaban </button> </div>
<div id='collapse3' class='accordion-collapse collapse' data-bs-parent='#accordionExample'>
<div class='accordion-body'> isi jawaban 3. </div>
</div> </div></div>
<div class='accordion' id='accordionExample'>
<div class='accordion-item'>
<div class='accordion-header'>
<button class='accordion-button fw-semibold collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#collapseOne' aria-expanded='true' aria-controls='collapseOne'>Jawaban</button></div>
<div id='collapseOne' class='accordion-ollapse collapse' data-bs-parent='#accordionExample'>
<div lass='accordion-body'> isi jawaban 1</div></div></div></div>
<p> 2. Apa yang disebut dengan Kalam?</p>
<div lass='accordion' id='accordionExample'> <div class='accordion-tem'>
<div class='accordion-header'> <button class='accordion-button fw-semibold collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#collapse2' aria-expanded='false' aria-controls='collapse2'> Jawaban </button>
</div>
<div id='collapse2' class='accordion-collapse collapse' data-bs-parent='#accordionExample'>
<div class='accordion-body'>isi jawaban 2</div></div></div></div>
<p> 3. Apa yang disebut dengan Kalam?</p>
<div class='accordion' id='accordionExample'>
<div class='accordion-item'>
<div class='accordion-header'>
<button class='accordion-button fw-semibold collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#collapse3' aria-expanded='false' aria-controls='collapse3'> Jawaban </button> </div>
<div id='collapse3' class='accordion-collapse collapse' data-bs-parent='#accordionExample'>
<div class='accordion-body'> isi jawaban 3. </div>
</div> </div></div>