Twitter Bootstrap Accordian hover

kalau kita menggunakan Twitter Bootstrap  dan menggunakan Accordian , maka defaultnya adalah saat diklik

Bila kita ingin saat Hover maka caranya :

1. Tambahkan script di bawah ini :

$(function() {
$(‘#accordion2’).on(‘mouseenter.collapse.data-api’, ‘[data-toggle=collapse]’, function(e) {
var $this = $(this),
href, target = $this.attr(‘data-target’) || e.preventDefault() || (href = $this.attr(‘href’)) && href.replace(/.*(?=#[^\s]+$)/, ”) //strip for ie7
,
option = $(target).data(‘collapse’) ? ‘show’ : $this.data()
$(target).collapse(option)
})
})

Sumber : http://stackoverflow.com/questions/10719931/bootstrap-collapse-accordion-on-hover

One thought on “Twitter Bootstrap Accordian hover

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s