Как закрыть панель Filtrify при открытии другого?

В настоящее время я использую красивый скрипт Filtrify на моем сайте с интеграцией изотопов (http://luis-almeida.github.com/filtrify/).

On my site I have 4 "categories"/panels for searching my -field. When I open the first category/panel and hover the mouse over to the next one, and open it, the first one is still open. Is it possible, with CSS or Javascript, to close a opened Filtrify panel when hovering over to the next category/button to open another Filtrify panel? Now the just remains open if I open them all. For an example, open "genre", "main actors" and "director" here: http://luis-almeida.github.com/filtrify/movies.html

Понравилась бы ваша помощь! Благодарю вас за консультацию!

0
добавлено
Просмотры: 2
nl ja de

1 ответы

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

первым приближением метода может быть:

Filtrify.prototype.closeSiblingsPanel = function ( f ) {
    for(var item in this._menu){
        if(item !== f && this._menu[item].panel){
            this._menu[item].panel.addClass("ft-hidden");
            this._menu[item].label.removeClass("ft-opened");
        }
    }
};

вы также должны изменить обработчик события клика:

Filtrify.prototype.events = function ( f ) {
    //...
    this._menu[f].label.on("click", this._bind(function(event){
        this.openPanel( f );
        this.closeSiblingsPanel( f );
        this.bringToFront( f );
        event.stopPropagation();
    }, this) );
    //...
};
3
добавлено
РАБОТАЕТ КАК ОЧАРОВАТЬ!
добавлено автор Ahmad Alfy, источник
@Scipion работает отлично, как есть - спасибо;)
добавлено автор gpcola, источник
Благодаря! Извините, но я вообще не знаком с javascript, вы можете мне помочь, куда его поместить?
добавлено автор user1580380, источник