Отвязать или удалить функции?

Question

У меня проблемы с пользовательским интерфейсом для аккордеона.

Я хочу, чтобы набор div был гармошкой, когда окно имеет определенный размер (ниже 1024) и просто div (выше 1024)

Код, который у меня работает, работает, если окно больше 1024, а затем я изменяю размер на меньшее окно. Но если я раскрою окно, оно не выключит гармошку.

Вот код, что я не правильно понял?

<script type="text/javascript">
var width = $(window).width();
$(document).ready(function() {
    if (width < 1024){
    $('#accordion').accordion();
    }

});
$(window).resize(function() {
var width = $(window).width();
if (width < 1024) {
    $('#accordion').accordion();
} if (width > 1024) {
    $('.accordion').remove();
}});    
</script>

Answer 1

Две вещи в коде, который вы разместили:

1. Метод избавления от аккордеона - не .remove (), а .destroy () .
2. Вы переключились с селектора идентификатора ("#accordion") на селектор класса (".accordion"). Это возможно для работы - при условии, что элементы имеют и этот идентификатор, и этот класс - но не рекомендуется; Вы должны быть последовательны в отношении селекторов в данной функции / контексте.