Toogle or Accordion

Accordion 1

Untuk jenis Accordion kalian dapat menggunakan syntax :

<!--[ Accordion start ]-->
<div class='showH'>
  <!--[ line 1 ]-->
  <details class='ac alt'>
    <summary>accordion_title 1</summary>
    <div class='aC'>
      <p>Aljabar adalah cabang matematika yang mempelajari simbol-simbol dan aturan-aturan untuk memanipulasi simbol-simbol tersebut.  </p>
    </div>
  </details>
  
  <!--[ line 2 ]-->
  <details class='ac alt'>
    <summary>accordion_title 2</summary>
    <div class='aC'>
      <p>Aljabar adalah bidang dalam matematika yang menggunakan huruf dan simbol untuk mewakili angka dan variabel, serta mempelajari hubungan dan operasi antara simbol-simbol tersebut.</p>
    </div>
  </details>
  
  <!--[ line 3 ]-->
  <details class='ac alt'>
    <summary>accordion_title 3</summary>
    <div class='aC'>
      <p>Subbidang Aljabar antara lain : Aljabar Dasar, Aljabar Linear, Aljabar Abstrak, Teori Grup, dan Aljabar Boolean.</p>
    </div>
  </details>
  
  <!--[ line 4 ]-->
  <details class='ac alt'>
    <summary>accordion_title 4</summary>
    <div class='aC'>
      <p>Pemecahan Persamaan, Pemodelan, Geometri Analitik, Kriptografi, dan Analisis Data merupakan Penerapan Aljabar</p>
    </div>
  </details>
</div>


Baca Juga

Accordion 2

Untuk Toggle Content kalian bisa menggunakan kode dibawah ini :

<!--[ Accordion start ]-->
<div class='showH' itemscope='' itemtype='https://schema.org/FAQPage'>
  <!--[ Accordion line 1 ]-->
  <details class='ac' itemscope='' itemprop='mainEntity' itemtype='https://schema.org/Question'>
    <summary itemprop='name'>Title_is_here 1</summary>
    <div class='aC' itemscope='' itemprop='acceptedAnswer' itemtype='https://schema.org/Answer'>
      <p itemprop='text'>Aljabar adalah alat yang sangat kuat dalam matematika yang memungkinkan kita untuk memecahkan masalah kompleks dan memahami hubungan antara berbagai komponen dalam banyak bidang ilmu.</p>
    </div>
  </details>
</div>

Ganti yang dicetak tebal sesuai kebutuhan kalian
Untuk DEMO bisa KLIK DISINI
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.