JQUERY SlideToggle ile Collapse Panel Yapımı

Bootstrap da oluşturulan paneller, çok basit bir JQUERY kodu ile açılır, kapanır (collapse) özelliğine sahip olabilirler.
Yapılması gereken iş paneldeki başlığa tıklandığında panelin içerik kısmının kapanması veya açılmasıdır.

Bunun için slideToggle() fonksiyonu kullanılır.

Script etiketleri arasına yazılması gereken kod aşağıdaki gibidir.

 $(document).ready(function(){
          $('#cbtn').on('click',function(){
            $('.panel-body').slideToggle();
          });
        });


Yorumlar


Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın