Basic-Accordian – CSS Snippet

Go back

  <div class="accordion">

    <!-- Item 1 -->
    <div class="accordion-item">

      <button class="accordion-header">
        What is Vidyamath?
        <span>+</span>
      </button>

      <div class="accordion-content">
        <p>
          Vidyamath is an educational platform that provides
          useful learning resources for students.
        </p>
      </div>

    </div>


    <!-- Item 2 -->
    <div class="accordion-item">

      <button class="accordion-header">
        What courses are available?
        <span>+</span>
      </button>

      <div class="accordion-content">
        <p>
          You can add different courses, tutorials,
          webinars and learning resources here.
        </p>
      </div>

    </div>


    <!-- Item 3 -->
    <div class="accordion-item">

      <button class="accordion-header">
        Is Vidyamath free?
        <span>+</span>
      </button>

      <div class="accordion-content">
        <p>
          Add your pricing or free-learning information
          here.
        </p>
      </div>

    </div>

  </div>


  <script src="script.js"></script>