jquery - Basic UIKit (getuikit) accordion doesn't work -
in project i'm using uikit success (until now). trying use uikit accordion first time , failed badly.
so reduced code this
<!doctype html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/uikit.min.css" /> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="js/uikit.min.js"></script> </head> <body> <div class="uk-accordion" data-uk-accordion> <h3 class="uk-accordion-title">test 1</h3> <div class="uk-accordion-content">whatever</div> <h3 class="uk-accordion-title">test 2</h3> <div class="uk-accordion-content">everything else</div> <h3 class="uk-accordion-title">test 3</h3> <div class="uk-accordion-content">all rest</div> </div> </body> </html>
and doesn't work.
i tried different versions of uikit , jquery ... no effect.
this example on jsbin (http://jsbin.com/fusapomoze) not working
the documentation on https://getuikit.com/docs/accordion.html shows how should work ...
it easy
the documentation not clear fact, need add (some) components in head of html
<link rel="stylesheet" href="css/uikit.min.css" /> <link rel="stylesheet" href="css/components/accordion.min.css" /> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="js/uikit.min.js"></script> <script src="js/components/accordion.min.js"></script>
Comments
Post a Comment