O'Reilly logo

Introducing Zurb Foundation 6 by Aravind Shenoy

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CHAPTER 5

image

JavaScript Components

Foundation comes bundled with JavaScript components to add intricate functionality. The JavaScript components can be incorporated into your projects thereby making your front-end development faster and easier.

We will learn about the following JavaScript components in this chapter:

  • Tabs
  • Accordions
  • Dropdowns
  • Data-Interchange
  • Equalizers
  • Modals
  • Tooltips
  • Data Toggler

You can pass the settings to the plug-ins through the mark-up using data-options.

If you check the mark-up of all the coding examples so far in this book, you can see the following lines of code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/vendor/jquery.min.js ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required