]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
projects / thirdparty / foundation / foundation-sites.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: c036c61)
Updated sass variables 4837/head
authorLonewolf <nikhilkalige@gmail.com>
Fri, 28 Mar 2014 06:02:36 +0000 (11:32 +0530)
committerLonewolf <nikhilkalige@gmail.com>
Fri, 28 Mar 2014 06:02:36 +0000 (11:32 +0530)
Created new page for javascript variables

doc/includes/accordion/examples_accordion_javascript_options.html [new file with mode: 0644] patch | blob
doc/includes/accordion/examples_accordion_variables.html patch | blob | blame | history
doc/pages/components/accordion.html patch | blob | blame | history

diff --git a/doc/includes/accordion/examples_accordion_javascript_options.html b/doc/includes/accordion/examples_accordion_javascript_options.html
new file mode 100644 (file)
index 0000000..9b9f8b8
--- /dev/null
+++ b/doc/includes/accordion/examples_accordion_javascript_options.html
@@ -0,0 +1,11 @@
+{{#markdown}}
+```javascript
+$(document).foundation({
+  accordion : {
+    active_class: 'active',
+    multi_expand: false,
+    toggleable: true
+  }
+});
+```
+{{/markdown}}
diff --git a/doc/includes/accordion/examples_accordion_variables.html b/doc/includes/accordion/examples_accordion_variables.html
index 653ee85dd949efb0114e0ae303de0f89af76d8ac..cda2630d857d12fd9b07bafda84309f438db5bef 100644 (file)
--- a/doc/includes/accordion/examples_accordion_variables.html
+++ b/doc/includes/accordion/examples_accordion_variables.html
@@ -1,5 +1,7 @@
 {{#markdown}}
 ```scss
+$include-html-accordion-classes: $include-html-classes;
+
 $accordion-navigation-padding: rem-calc(16);
 $accordion-navigation-bg-color: #efefef;
 $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%);
@@ -11,4 +13,4 @@ $accordion-navigation-font-family: $body-font-family;
 $accordion-content-padding: $column-gutter/2;
 $accordion-content-active-bg-color: #fff;
 ```
-{{/markdown}}
\ No newline at end of file
+{{/markdown}}
diff --git a/doc/pages/components/accordion.html b/doc/pages/components/accordion.html
index c8165d0601dd0c14495ef93ecea906401e983923..bbabd1feb9941dc0a8c9bd1e004a43c0460662ee 100644 (file)
--- a/doc/pages/components/accordion.html
+++ b/doc/pages/components/accordion.html
@@ -62,6 +62,24 @@ Accordions can be easily customized with the Sass variables provided in the `_se
 
 ***
 
+## Configure With Javascript
+
+It's easy to configure dropdowns using our provided Javascript. You can use data-attributes or plain old Javascript. Make sure `jquery.js` `foundation.js` and `foundation.accordion.js` have been included on your page before continuing. For example, add the following before the closing `<body>` tag:
+
+{{#markdown}}
+  ```html
+<script src="js/jquery.js"></script>
+<script src="js/foundation.js"></script>
+<script src="js/foundation.accordion.js"></script>
+  ```
+{{/markdown}}
+
+### Optional Javascript Configuration
+
+{{> examples_accordion_javascript_options}}
+
+***
+
 ##### Sass Errors?
 
 If the default "foundation" import was commented out, then make sure you import this file:
Mirror of https://github.com/foundation/foundation-sites.git