Hide Slide-Over on toggle

Я бы хотел, чтобы этот слайд-экран полностью скрывался при переключении (измените размер окна браузера, оно все еще отображается). Jquery-Slide-Over. Как мне это сделать?Hide Slide-Over on toggle

@media only screen and (min-width: 1024px) { 
 
    .slide-over { 
 
    width: 80%; 
 
    right: -80%; 
 
    } 
 
    .slide-over.left { 
 
    right: auto; 
 
    left: -80%; 
 
    } 
 
    .close-x { 
 
    top: 12px; 
 
    right: 20px; 
 
    } 
 
    .slide-over .slideover-content { 
 
    padding: 2em 4em 1em; 
 
    } 
 
}

// Close the slideout when clicking X or outside panel 
 
$('*[data-slideover="close"]').click(function() { 
 
    var currentContent = $('.slide-over div.slideover-content'); 
 
    closeSlider(); 
 
}); 
 

 
function closeSlider() { 
 
    $('.overlay').fadeOut(settings.animationSpeed); 
 
    // Remove the content inside the panel 
 
    panel.animate({ 
 
    right: (settings.orientation == 'right' ? -panelWidth : "auto"), 
 
    left: (settings.orientation == 'left' ? -panelWidth : "auto") 
 
    }, settings.animationSpeed, function() { 
 
    $("body").css("overflow", "auto"); 
 
    if ($.isFunction(settings.onClose)) { 
 
     settings.onClose.call(this); 
 
    } 
 
    }); 
 
}

Благодаря

источник

2016-02-24 Max Njoroge

могли бы вы добавить некоторые примеры кода –

Вопросы, ищущих код помощи должны включать короткий код, необходимый для его воспроизвести ** в самом вопросе ** предпочтительно в [** Stack Отрывок **] (https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). См. [** Как создать минимальный, полный и проверенный пример **] (http://stackoverflow.com/help/mcve) –

Я добавил функцию закрытия и ширину% onclose –

right: (settings.orientation == 'right' ? -(panelWidth*2) : "auto"), 
 
left: (settings.orientation == 'left' ? -(panelWidth*2) : "auto")

Фигурные его

источник

2016-02-26 11:30:21

Hide Slide-Over on toggle

ответ

Смежные вопросы