SORU
7 EKİM 2013, PAZARTESİ


Nasıl başlık div tıklayarak Bootstrap akordeon çökertmek?

a Bu metin üzerinde bir tıklama gerektiren yerine Bootstrap bir akordeon, her yerde panel-heading div tıklayarak çöküşü yapmak istiyorum.

Bootstrap 3 kullanıyorum. Bu yüzden akordeon yerine, sadece katlanabilir paneli. Tüm panel tıklanabilir yapmak için nasıl bir fikriniz var mı?

CEVAP
8 EKİM 2013, Salı


Tüm yapmanız gereken kullanmak için

  • data-toggle="collapse"
  • data-target="#ElementToExpandOnClick"

...öğesi çöküşü tetik için tıklayın/etkisi genişletin.

data-toggle="collapse" ile eleman etkiyi tetikleyecek bir unsur olacaktır. data-target öznitelik etkisi tetiklendiğinde genişletecek elemanı gösterir.

Eğer bağımsız katlanabilir, örneğin yerine akordeon efekti oluşturmak istiyorsanız data-parent ayarlayabilirsiniz isteğe bağlı olarak:

  • data-parent="#accordion"

Ayrıca eğer <a> etiketleri, örneğin değil data-toggle="collapse" elementler için aşağıdaki CSS eklemek istiyorum:

.panel-heading {
    cursor: pointer;
}

Burada a jsfiddle bootstrap 3 belgelerine değiştirilmiş html ile.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • MatheusDosGames

    MatheusDosGa

    28 Aralık 2011
  • TastyTuts | Creative video tutorials by Gareth David

    TastyTuts |

    6 Temmuz 2011
  • WestsideMrArO

    WestsideMrAr

    6 EKİM 2010