Source of file accordion.php
Size: 4,761 Bytes - Last Modified: 2021-12-24T07:20:59+00:00
/var/www/docs.ssmods.com/process/src/public/accordion.php
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 | <?php include("header.php")?> <div class="page secondary"> <div class="page-header"> <div class="page-header-content"> <h1>Accordion<small>demo</small></h1> <a href="/" class="back-button big page-back"></a> </div> </div> <div class="page-region"> <div class="page-region-content"> <h2>Accordion</h2> <ul class="accordion span10" data-role="accordion"> <li> <a href="#">frame 1</a> <div> <h3>frame 1</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta condimentum sem sed commodo. <p> subcontent 1 </p> </div> </li> <li class="active"> <a href="#">frame 2</a> <div> <h3>frame 2</h3> Curabitur porta condimentum sem sed commodo. Praesent vestibulum, libero eget lacinia pretium, metus augue dapibus odio, nec placerat mauris justo non ante. <div> subcontent 2 </div> </div> </li> <li> <a href="#">frame 3</a> <div> <h3>frame 3</h3> Maecenas adipiscing nulla sed sem molestie quis pulvinar lectus convallis. Nam tortor arcu, gravida nec tristique sit amet, pretium sagittis eros. Curabitur at nisi ut ligula ornare euismod. </div> </li> <li> <a href="#">frame 4</a> <div> <h3>frame 4</h3> Ut vitae tortor eget elit dictum dictum. Ut porttitor, ante non blandit gravida, felis risus feugiat neque, eu tincidunt neque ante at urna. Maecenas nec felis nulla. </div> </li> </ul> <h2>Accordion Dark</h2> <ul class="accordion dark span10" data-role="accordion"> <li> <a href="#">frame 1</a> <div> <h3>frame 1</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta condimentum sem sed commodo. </div> </li> <li class="active"> <a href="#">frame 2</a> <div> <h3>frame 2</h3> Curabitur porta condimentum sem sed commodo. Praesent vestibulum, libero eget lacinia pretium, metus augue dapibus odio, nec placerat mauris justo non ante. </div> </li> <li> <a href="#">frame 3</a> <div> <h3>frame 3</h3> Maecenas adipiscing nulla sed sem molestie quis pulvinar lectus convallis. Nam tortor arcu, gravida nec tristique sit amet, pretium sagittis eros. Curabitur at nisi ut ligula ornare euismod. </div> </li> <li> <a href="#">frame 4</a> <div> <h3>frame 4</h3> Ut vitae tortor eget elit dictum dictum. Ut porttitor, ante non blandit gravida, felis risus feugiat neque, eu tincidunt neque ante at urna. Maecenas nec felis nulla. </div> </li> </ul> <h2>Component definition</h2> <pre class="prettyprint linenums span10"> <ul class="accordion" data-role="accordion"> <li class="active"> <a href="#"> Caption </a> <div> ...content... </div> </li> ... <li> <a href="#"> Caption </a> <div> ...content... </div> </li> </ul> <!-- Dark theme --> <ul class="accordion dark" data-role="accordion"> ... </ul> </pre> <h2>Javascript</h2> <p>Include in head <code>accordion.js</code></p> </div> </div> </div> <?php include("footer.php")?> |