djc_dynamicTabs()

Created By: Jaehwan Daniel Cho

Email: danielcho80@gmail.com

Description: .

setting
- first_tab_open
  Type: Boolean
  true: dynamic tabs
  false: megamenu
- tab_buttonDiv
  Type: String(CSS Class)
  CSS class name for tabs
- tab_contentDiv
  Type: String(CSS Class)
  CSS class name for content sections
- activeBtn
  Type: String(CSS Class)
  CSS class name for the active tab
- activeCtn
  Type: String(CSS Class)
  CSS class name for the active content section
- activeBtnUI
  Type: String(CSS Class)
  CSS class name for the active tab UI
- close
  Type: String(CSS Class)
  CSS class name for the button to add the close event

Installation: Add following JS & CSS files.

[ Dynamic Tabs ]

Installation - set up three main files

djc_tabs.css:
It contains CSS for the dyamic tabs.
jquery.min.js:
jQuery framework v.1.4.4 - 1.11.1 supports this overlay popup.
djc_dynamicTabs.v2.5-min.js:
It's the main JS file.

Demo: Click Here!

[ Megamenu ]

Installation - set up three main files

djc_megamenu.css:
It contains CSS for the megamenu.
jquery.min.js:
jQuery framework v.1.4.4 - 1.11.1 supports this tab plugin.
djc_dynamicTabs.v2.5-min.js:
It's the main JS file.

Demo: Click Here!

[ View the specific tab ]

You can simple trigger extLink_select( html element ID for tabs,tab index) function.

For example: in order to view the third tab you can trigger extLink_select('tabDiv',2).