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 / Miscellaneous

Toggle Panel

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Toggle Panel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Beralih Panel adalah plugin jQuery ringan yang membantu Anda membuat konten toggleable.

Mencari akordeon bukan? Lihat Accordion A atau Tab + Accordion.

QR Kode

Fitur

Fluid width

Beralih Panel pas ke dalam desain responsif atau cairan. Lebar tetap mungkin juga.

Pilihan teks yang diperluas

Tentukan teks yang diperluas (misalnya "Read more" saat runtuh dan "Read kurang" ketika diperluas) baik melalui atribut data atau sebagai pilihan jQuery.

Diakses

Setelah elemen panel beralih difokuskan, Anda dapat menggunakan tombol spasi untuk beralih itu.

Dengan JavaScript dinonaktifkan, konten tetap terlihat dan dapat diakses.

Kirimkan Negara

Dengan HTML5 Penyimpanan Lokal negara (diperluas atau runtuh) disimpan dan dikembalikan setelah memasuki kembali halaman. Atau Anda dapat memilih untuk Sesi Storage, yang mengingat negara selama sesi browsing tunggal.

Hash Perhiasan

Link hash untuk setiap panel beralih atau isinya.

Jeda Media

Dengan pilihan Media Jeda, HTML5 audio dan video elemen di dalam panel beralih secara otomatis berhenti ketika runtuh.

Didokumentasikan dengan baik

Meskipun Beralih Panel dibuat sesederhana mungkin, telah memperpanjang dokumentasi untuk membantu Anda keluar.

Transisi CSS3

Halus dan indah transisi CSS3 membawa Beralih Panel hidup.

LEBIH SEDIKIT

Ingin berkumpul dengan KURANG? Di sana Anda pergi, stylesheet KURANG termasuk dalam paket download.

Tema

Dua tema disertakan, Minimal dan kemas.

Ditambahkannya, ada CSS kosong dan tema KURANG yang dapat Anda gunakan untuk kickstart Anda sendiri.

Beban konten melalui AJAX
  • Konten dimuat sekali
  • Panel mengembang bila konten siap
  • Pilihan untuk menentukan pemilih
  • Tema minimal memiliki ikon pemuatan (yang dapat diubah melalui CSS) yang siap Retina
  • Pesan kesalahan kustom
  • Kompatibel dengan jQuery Ajax Coba Lagi
Beberapa contoh dan bersarang

Anda dapat membuat beberapa contoh pada halaman yang sama dan Anda dapat menanamkan panel beralih beberapa tingkatan.

Kuat API

Memperluas, runtuh dan Toggling konten dapat dilakukan melalui API.
Pergi ke dokumentasi API untuk gambaran lengkap tersedia metode, pilihan dan acara.

Mendukung


Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
6 Oktober 12, Last Update

Resolusi Tinggi:
Ya, Kompatibel Browser

Kata kunci

eCommerce, Semua Produk, aksesibilitas, ajax, dilipat, CSS3, diperluas, javascript, jquery, kurang, localStorage, read more, sessionstorage, beralih kotak, beralih panel, transisi, ui