WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Tabs + Accordion

— ಸೇರಿಸಿ - ರಂದು WorldWideScripts.net ಗೆ

ನವೀಕೃತವಾಗಿರಿ ನಮ್ಮ ಚಂದಾದಾರರಾಗಿ!

ಹೊಸ! ನೀವು ಬಯಸುವ ನಮಗೆ ಅನುಸರಿಸಿ!


Tabs + Accordion - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ಟ್ಯಾಬ್ಗಳು + ಅಕಾರ್ಡಿಯನ್ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಟ್ಯಾಬ್ಗಳನ್ನು ಮತ್ತು accordions ರಚಿಸುವ ಸುಲಭಗೊಳಿಸುತ್ತದೆ ಒಂದು jQuery ಪ್ಲಗಿನ್ ಆಗಿದೆ.

ಈ ಒಂದು ವರ್ಡ್ಪ್ರೆಸ್ ಪ್ಲಗಿನ್ ಅಲ್ಲ. ಇದು ನೀವು, ಏಕೀಕರಣ ಬಳಸಲು ಆಯ್ಕೆ ಮತ್ತು ಬಳಕೆ ಸಂಪೂರ್ಣವಾಗಿ ಅಪ್ ನಿಮಗೆ ಆಗಿದೆ.

QR ಕೋಡ್

\\

ಪ್ರಯೋಜನಗಳು

  • ನೀವು ಟ್ಯಾಬ್ಗಳು ಮತ್ತು ಅಕಾರ್ಡಿಯನ್ ಎರಡೂ ಒಂದೇ, ಸರಳ HTML ಮಾರ್ಕ್ಅಪ್ ಬಳಸಬಹುದು.
  • ನೀವು ಸಂಯೋಜಿಸಲು ಮತ್ತು ಸಮಯ ಉಳಿತಾಯವಾಗುತ್ತದೆ ಎರಡು ವಿವಿಧ ಉತ್ಪನ್ನಗಳು, ಬಳಸಲು ಹೇಗೆ ತಿಳಿಯಲು ಇಲ್ಲ.
  • ಟ್ಯಾಬ್ಗಳು ಮತ್ತು ಅಕಾರ್ಡಿಯನ್ ಫಾರ್ ಆಧಾರವಾಗಿರುವ ಕೋಡ್ ಬಹುತೇಕ ಹಂಚಿಕೊಂಡಿದ್ದಾರೆ ಏಕೆಂದರೆ ಇದು, ಹಗುರ ಆಗಿದೆ.
  • ನಿಮ್ಮ ಬಣ್ಣ ಹೊಂದಿಲ್ಲ ಆದರೆ ನೀವು ಮಾಡಬಹುದು. ಒಳಗೊಂಡಿತ್ತು ಥೀಮ್ಗಳೊಂದಿಗೆ ಆಯ್ಕೆಯ ಸಾಕಷ್ಟು ಇಲ್ಲ.
  • ಪರದೆಯ ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ಭೇಟಿ ಜನರಾಗಿದ್ದರು ಆಹ್ಲಾದಕರ ಟ್ಯಾಬ್ಗಳು + ಅಕಾರ್ಡಿಯನ್ ಬಳಸಬಹುದು.
  • ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಗವಿಕಲ ಜೊತೆ ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ಭೇಟಿ ಜನರಾಗಿದ್ದರು ಟ್ಯಾಬ್ಗಳು + ಅಕಾರ್ಡಿಯನ್ ಒಳಗೆ ವಿಷಯ ಹೊರಗಿನ ಕಾಣೆಯಾಗಿದೆ ಇಲ್ಲ.

ವೈಶಿಷ್ಟ್ಯಗಳು

ವೈಶಿಷ್ಟ್ಯಗಳ ಬಗ್ಗೆ ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ, ಮಾಹಿತಿಯನ್ನು ಪುಟಕ್ಕೆ ಹೋಗಿ.

ರೆಸ್ಪಾನ್ಸಿವ್

ಅಕಾರ್ಡಿಯನ್ ಸಂಪೂರ್ಣವಾಗಿ ಕಾರಣವಾಗುತ್ತದೆ. ಇದು ಯಾವುದೇ ಸಮಯದಲ್ಲಿ ಸಣ್ಣ ದೊಡ್ಡ ಇದನ್ನು ಮಾಪಕಗಳು. ಟ್ಯಾಬ್ಗಳು ಫಾರ್ ರೆಸ್ಪಾನ್ಸಿವ್ ಬದಲಿಸಿ ಇರುತ್ತದೆ.

ರೆಸ್ಪಾನ್ಸಿವ್ ಬದಲಿಸಿ

\\

ಟ್ಯಾಬ್ಗಳು ಚೆನ್ನಾಗಿ ದೊಡ್ಡ ಪರದೆಯ ಹಿಟ್ ಅಲ್ಲಿ, ಅಕಾರ್ಡಿಯನ್ ಹೆಚ್ಚು ಸಾಂದ್ರವಾಗಿರುತ್ತದೆ ಮತ್ತು ಚಿಕ್ಕ ಸಾಧನಗಳಿಗೆ ಸೂಕ್ತವಾದ. ಆದರೆ ಹೇಗೆ ಆಯ್ಕೆ ಇಲ್ಲ? ನೀವು. ಒಂದು ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ಬ್ರೇಕ್ಪಾಯಿಂಟ್ ಹೊಂದಿಸಿ ಮತ್ತು ಟ್ಯಾಬ್ಗಳು ಮಾಂತ್ರಿಕ ಒಮ್ಮೆ ತಲುಪಿತು ಅಕಾರ್ಡಿಯನ್ ಬದಲಾಗುತ್ತವೆಯೆಂದು.

ಥೀಮ್ಗಳು

ನೀವು ನಿಮ್ಮೊಂದಿಗೆ ಆರಂಭಿಸಲು ನಾಲ್ಕು ವಿಷಯಗಳನ್ನು ಪಡೆಯಲು, ಮತ್ತು ನೀವು ಸಿಎಸ್ಎಸ್ ಅಥವಾ ಕಡಿಮೆ ನಿಮ್ಮ ಸ್ವಂತ ರಚಿಸಬಹುದು. ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ ಸರಳ ಏಕೆಂದರೆ, ಥೆಮಿಂಗ್ ತಲೆ ಬ್ರೇಕರ್ ಮಾಡಬಾರದು. ನಿಮ್ಮ ಸ್ವಂತ ನಾಡಿದು ಥೀಮ್ ಕಿಕ್ಸ್ಟಾರ್ಟ್, ಖಾಲಿ ಥೀಮ್ ಜೊತೆಗೆ ಸೇರಿಸಲ್ಪಟ್ಟಿದೆ.

ಅನೇಕ ಮತ್ತು ನೆಸ್ಟೆಡ್ ನಿದರ್ಶನಗಳು

ಸಹಜವಾಗಿ, ಅದೇ ಪುಟದಲ್ಲಿ ಅನೇಕ ವಿಷಯಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಪರಿಸ್ಥಿತಿ ಇದು ಅಗತ್ಯವಿದ್ದಲ್ಲಿ, ನೀವು ಟ್ಯಾಬ್ಗಳು ಅಥವಾ ಒಳಗೆ ಟ್ಯಾಬ್ಗಳು ಅಥವಾ ಟ್ಯಾಬ್ಗಳು ಒಳಗೆ ಗೂಡು ಅಕಾರ್ಡಿಯನ್ ವಾಸ್ತವವಾಗಿ ಮಾಡಬಹುದು...

ರಾಜ್ಯ ಉಳಿಸಿ

HTML5 ಸ್ಥಳೀಯ ಶೇಖರಣಾ ಸಕ್ರಿಯ ಟ್ಯಾಬ್ ಅಥವಾ ಅಕಾರ್ಡಿಯನ್ ಫಲಕ ಉಳಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಪುಟ ಒಳಗೆ ಪ್ರವೇಶಿಸಿದ ನಂತರ ಪುನಃ. ಅಥವಾ ನೀವು ಒಂದು ಬ್ರೌಸಿಂಗ್ ಅವಧಿಯಲ್ಲಿ ರಾಜ್ಯದ ನೆನಪಿಸಿಕೊಳ್ಳುತ್ತಾರೆ ಇದು ಸೆಶನ್ ಸಂಗ್ರಹಣೆ, ಆಯ್ಕೆ ಮಾಡಬಹುದು.

ಹ್ಯಾಶ್ ವಾಚ್ (ಬೀಟಾ)

ಹ್ಯಾಶ್ ವಾಚ್ ನೀವು ಒಂದು URL ಮೂಲಕ ಯಾವುದೇ ಟ್ಯಾಬ್ಗಳು ಅಥವಾ ಅಕಾರ್ಡಿಯನ್ ಫಲಕಕ್ಕೆ ಲಿಂಕ್ ಆಯ್ಕೆಯನ್ನು ನೀಡುತ್ತದೆ. ಕ್ಲಿಕ್ ಮತ್ತು ಮೇಲೆ ಪುಟ ಲೋಡ್ ಮೇಲೆ, ಹ್ಯಾಶ್ ಗುರುತುಹಾಕಿದ್ದರೆ ಮತ್ತು ಇದು ಹೋಲಿಕೆ ಮಾಡಿದಾಗ, ಅನುಗುಣವಾದ ಫಲಕ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ವಿಸ್ತರಿಸಲ್ಪಟ್ಟಿದೆ. ಉದಾಹರಣೆ: ಓಪನ್ ಡೆಮೊ ಫಲಕ 2.

ಮೀಡಿಯಾ ವಿರಾಮ

ಹೊಸ ಫಲಕಕ್ಕೆ ಹೋಗುವಾಗ ವಿರಾಮ ಮೀಡಿಯಾ ಆಯ್ಕೆಯನ್ನು, ಪ್ರಸ್ತುತ ಫಲಕ ಒಳಗೆ HTML5 ಧ್ವನಿ ಮತ್ತು ವೀಡಿಯೊ ಅಂಶಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನಿಲ್ಲಿಸಲಾಗಿದೆ ಮಾಡಲಾಗುತ್ತದೆ.

ಸುಲಭವಾಗಿ

ವಿವಿಧ ಫಲಕಗಳು ಪ್ರವೇಶಿಸಲು ನಿಮ್ಮ ಕೀಬೋರ್ಡ್ ಬಳಸಿ. ಮೊದಲ ಅಂಶ ಗಮನ ತದನಂತರ ಎಡ, ಬಲ, ಕೆಳಗೆ ಅಥವಾ ಬಾಣದ ಕೀಲಿಗಳನ್ನು ನ್ಯಾವಿಗೇಟ್ ಅಪ್.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಗವಿಕಲ ಜೊತೆ, ಟ್ಯಾಬ್ಗಳು ವಿಷಯವನ್ನು + ಅಕಾರ್ಡಿಯನ್ ಸುಲಭವಾಗಿ ಉಳಿದಿದೆ.

ಪರೀಕ್ಷಿಸಲ್ಪಟ್ಟಿದೆ

ಟ್ಯಾಬ್ಗಳು + ಅಕಾರ್ಡಿಯನ್ ಕ್ರೋಮ್, ಫೈರ್ಫಾಕ್ಸ್, IE8, IE9, ಒಪೆರಾ, ಸಫಾರಿ 5 ಮತ್ತು ಐಒಎಸ್ ಮೇಲೆ ಪ್ರಯೋಗಿಸಿದ್ದಾರೆ.

Minified ಮತ್ತು ಮೂಲ ಆವೃತ್ತಿಗಳು

ಕಾಮೆಂಟ್ ಮೂಲ ಕಡತಗಳನ್ನು ಅಭಿವೃದ್ಧಿಗೆ ಇವೆ minified ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಡತಗಳಿಗೆ ಉತ್ತಮ ಕಾರ್ಯನಿರ್ವಹಣೆಯನ್ನು ಒದಗಿಸಬಹುದು.

ಉತ್ತಮವಾಗಿ ದಾಖಲಿಸಲಾಗಿದೆ

ಟ್ಯಾಬ್ಗಳು + ಅಕಾರ್ಡಿಯನ್ ಆದಷ್ಟು ಸರಳ ಮಾಡಲಾಗುತ್ತದೆ, ಇದು ನಿಮಗೆ ಸಹಾಯ ದಸ್ತಾವೇಜನ್ನು ವಿಸ್ತರಿಸಿದೆ.

ಸುಂದರ CSS3 ಪರಿವರ್ತನೆಗಳು

ಅವರು, ನಯವಾದ ವೇಗದ ಮತ್ತು ಮುಂದಿನ ಪುರಾವೆ ಇವೆ.
ವಿಸ್ತರಿಸಿದ ಕುಸಿದು ಮಾಡಿದಾಗ ಅಕಾರ್ಡಿಯನ್ ಸುಂದರ ಪರಿವರ್ತನೆಗಳು ಹೊಂದಿದೆ. ಟ್ಯಾಬ್ಗಳು ನೀವು ಇಲ್ಲದೆ ಶಾಸ್ತ್ರೀಯ ಹೋಗಬಹುದು ಅಥವಾ ಒಂದು ಸೂಕ್ಷ್ಮ ಅಡ್ಡ ಫೇಡ್ ಪರಿವರ್ತಿಸಲು ಆಯ್ಕೆ.

ಕಡಿಮೆ

ಹ್ಯಾಂಗ್ಔಟ್ ಇಷ್ಟ ಕಡಿಮೆ? ಅಲ್ಲಿ ನೀವು ಕಡಿಮೆ ಸ್ಟೈಲ್ಶೀಟ್ಸಂರಚಿಸು ಡೌನ್ಲೋಡ್ ಪ್ಯಾಕೇಜ್ ಸೇರ್ಪಡಿಸಲಾಗಿದೆ, ಹೋಗಿ.

RequireJS ಹೊಂದಬಲ್ಲ

ಟ್ಯಾಬ್ಗಳು + ಅಕಾರ್ಡಿಯನ್ ಹೊಂದಬಲ್ಲ RequireJS ಮತ್ತು ಎಎಮ್ಡಿ ವಿವರಣೆಯನ್ನು.

ಪ್ರಬಲ API

ವಿಸ್ತರಿತ ಫಲಕ ಅಥವಾ ಸ್ವಿಚ್ ರೀತಿಯ, ಟ್ಯಾಬ್ಗಳು + ಅಕಾರ್ಡಿಯನ್ ನೀವು ಬದಲಾವಣೆಗಳನ್ನು ಕೋಡ್ ಬಲ್ಲ ಪ್ರಚೋದಿಸಲು ಬಳಸಬಹುದು ಪ್ರಬಲ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ API ಒದಗಿಸುತ್ತದೆ.
API ಡಾಕ್ಯುಮೆಂಟೇಶನ್ಹೋಗಿ ಲಭ್ಯವಿರುವ ವಿಧಾನಗಳು ಆಯ್ಕೆಗಳನ್ನು ಮತ್ತು ಘಟನೆಗಳ ಸಂಪೂರ್ಣ ಅವಲೋಕನಕ್ಕಾಗಿ.

ಬೆಂಬಲ


ಡೌನ್ಲೋಡ್
ಈ ವರ್ಗದಲ್ಲಿ ಇತರ ಅಂಶಗಳುಈ ಲೇಖಕ ಎಲ್ಲಾ ಘಟಕಗಳನ್ನು
ಪ್ರತಿಕ್ರಿಯೆಗಳುಪುನರಾವರ್ತಿತ ಪ್ರಶ್ನೆಗಳು ಮತ್ತು ಉತ್ತರಗಳನ್ನು ಕೇಳಿದರು

ಗುಣಲಕ್ಷಣಗಳು

:
27 ಆಗಸ್ಟ್ 12 ದಾಖಲಿಸಿದವರು

ಕೊನೆಯ ನವೀಕರಣ:
1 ಏಪ್ರಿಲ್ 13

ಹೊಂದಾಣಿಕೆಯಾಗುತ್ತದೆಯೆ ಬ್ರೌಸರ್ಗಳು:
: IE8, IE9, IE10, ಫೈರ್ಫಾಕ್ಸ್, ಸಫಾರಿ, ಒಪೆರಾ ಕ್ರೋಮ್

ಫೈಲ್ಸ್:
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಜೆಎಸ್, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ JSON, ಎಚ್ಟಿಎಮ್ಎಲ್, ಸಿಎಸ್ಎಸ್, ಕಡಿಮೆ ಸೇರಿಸಲಾಗಿದೆ

ಸಾಫ್ಟ್ವೇರ್ ಆವೃತ್ತಿ:
jQuery

ಕೀವರ್ಡ್ಗಳು

ಐಕಾಮರ್ಸ್, ಎಲ್ಲಾ ವಸ್ತುಗಳು, ಲಭ್ಯತೆ, ಅಕಾರ್ಡಿಯನ್, API, CSS3, HTML5, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, jquery, ಕಡಿಮೆ, localStorage, RequireJS, ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ, sessionStorage ಟ್ಯಾಬ್ಗಳು, ಪರಿವರ್ತನೆ, UI