Bootstrap 3, открыть элемент Свернуть при наведении

Я пытаюсь преобразовать код из Bootstrap 2 в Bootstrap 3:

$(document).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)
});

Похоже, они изменили довольно много вещей по сравнению с v2 > v3, поэтому я немного растерялся, что изменить. Я нашел поток, который как бы занимается этим, но на самом деле не делает то, что мне нужно:

Свернуть аккордеон начальной загрузки при наведении

В основном мне нужно иметь x элементов в Collapse. Когда вы наводите курсор на один из них, он открывается (вместо того, чтобы нажимать на него). Затем, когда вы перейдете к другому, он закроет другие и откроет новый.

Спасибо за любые предложения!


collapse twitter-bootstrap
person Andrew Newby    schedule 18.11.2013    source источник

Ответы (1)


arrow_upward
3
arrow_downward

я отредактировал скрипт следующим образом, чтобы заставить его работать

$(function() {
    $(document).on('mouseenter.collapse', '[data-toggle=collapse]', function(e) {
        var $this = $(this),
            href, target = $this.attr('data-target') || e.preventDefault() || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')
            ,
            option = $(target).hasClass('in') ? 'hide' : "show";
            $('.panel-collapse').not(target).collapse("hide");
            $(target).collapse(option);
    })
});
person john Smith    schedule 17.09.2014
comment
когда я зависаю в первый раз, все открывается, а затем работает очень хорошо. как исправить это - person Ravi Patel; 13.05.2015