В вашем коде вы удаляете значение, когда установлен флажок #checkbox
. Это не то, как вы скрываете элемент. Просто используйте css-дисплей, чтобы скрыть / показать элемент.
$('#checkbox').change(function() {
if ($('#checkbox').is(':checked')) {
$('.test').css('display', 'none');
} else {
$('.test').css('display', 'block');
}
});
После проверки возможного дублирования, предложенного Рокки. Я нашел решение для своего конкретного случая, и я также думаю, что это самое чистое решение на данный момент. Слава @ Эмилиус Мфуруки.
Было несколько других рекомендаций, но добавление flex: 1/n
к повторному элементу работало для меня. Таким образом, если у вас есть 2 столбца, это будет 1/2, если 3 будет 1/3 и так далее.
Надеюсь, что это помогает другим.