Anasayfa / Genel / JQUERY UI Accordion Kullanımı

JQUERY UI Accordion Kullanımı

Accordion etiketini kullandığımızda bize katlanabilir paneller içerisinde bilgi sunmamızı sağlar.

Mesela accordion etiketinin kullanımına bir göz atalım:

JQuery kodlarımız :

HTML kodlarımız :

 

 Active Metodu

  • Accordion özelliğinde active metodunu kullandığımızda işleve verdiğimiz değer otomatik olarak yazılan sayısal değere karşılık gelen <div>’i ekran açıldığında etkin kılar.

(Active metodu sayısal değerle çalışır ve varsayılan değeri sıfırdır.)

Kullanımı şu şekildedir :

 

 

Animate Metodu

  • Accordion özelliğinde animate metodunu kullandığımızda işleve verdiğimiz değere bağlı olarak animasyonlu bir şekilde başlığa tıklandığında açılan içerikler verdiğimiz değer süresi kadar yavaş/hızlı bir şekilde açılır. Veya değere bağlı olarak daha farklı şekillerde içeriği açmamızı sağlayabiliriz.

Kullanımı şu şekildedir :

 

  Collapsible Metodu

  • Accordion özelliğinde collapsible metodunu kullandığımızda açılan bölümün kapatılıp kapatılmayacağını belirleyen bir işlevdir. Kullandığımız bölümü açtıktan sonra tekrar kapatmamıza yarar.

(Collapsible metodunun değeri Boolean olduğundan “true”, “false” ile çalışır. Varsayılan değer ‘false’dur.)

Kullanımı şu şekildedir :

 

Disabled Metodu

  • Accordion özelliğinde disabled metodunun devre dışı bırakma özelliği vardır. Disabled metodunu kullandığımızda ekran ortamında kullanılamaz/tıklanamaz hale, yani pasif hale gelir.

(Disabled parametresi de Boolean değeri taşıdığından “true”, “false” kullanırız. Varsayılan değeri ‘false’dur.)

Kullanımı şu şekildedir :

 

 Event Metodu

  • Accordion özelliğinde event metodunu kullandığımızda bölümlerin tıklanarak değil de fareyle üzerine gelmemizle açılmasını sağlarız.

(Event işlevinin değeri String’tir. Yani metinsel değerler. Varsayılan değer: ‘click’)

Kullanımı şu şekildedir :

 

   HeightStyle Metodu

  • Accordion özelliğinde heightStyle metodunu kullanmamız bize her panelin yükseklik değeriyle ilgili değişiklik yapmamıza yardımcı olur. Bu işlevin üç tane parametresi vardır:

auto: Tüm panellerin en yüksek içeriğe sahip olmasını sağlar.

fill: Belli bir yüksekliğe sahip olan panelin içine içerik eklememizi sağlar. İçerik sahip olunan değerin dışına taşarsa panelde kaydırma çubuğu ortaya çıkar.

content: Her panelin içeriği kadar yükseklik değeri olacaktır.

Örnek kullanımı şu şekildedir :

 

Icons Metodu

Kullanımı şu şekildedir :

About aysehatun

Bunu da incele

SQL İLİŞKİLER

İlişkisel veritabanı neredeyse tüm veritabanlarında kullanıldığı için tasarımı ve normalizasyonu önemli bir konu. İyi bir …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi: