jQuery
【jQuery】シンプルで軽量でカスタマイズ可能なアコーディオンプラグインLILO ACCORDION
April 8, 2018

LILO ACCORDIONはアコーディオンを実装するシンプルなjQueryプラグイン。
<div class="your-class"> <div class="lilo-accordion-control">Controle 1</div> <div class="lilo-accordion-content">Conteúdo 1</div> <div class="lilo-accordion-control">Controle 2</div> <div class="lilo-accordion-content">Conteúdo 2</div> <div class="lilo-accordion-control">Controle 3</div> <div class="lilo-accordion-content">Conteúdo 3</div> </div>
head
タグの中にlilo-accordion.css
を追加します。
<link rel="stylesheet" href="dist/css/lilo-accordion.min.css">
jQueryを追加し、body
タグを閉じる前にjquery.lilo.accordion.js
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script src="dist/js/jquery.lilo.accordion.min.js"></script>
アコーディオンを初期化する
$(document).ready(function(){ $('.your-class').liloAccordion({ setting-name: setting-value }); });
MIT