Как скрыть div .col-md-3 и осталась видимо кнопка?

Есть задача в которой есть добавление кнопки к компоненту, который собственно при нажатий на кнопку скрывается.
Проблема в том что в компоненте (который используется везде) есть кнопка со скриптом. Собственно кнопка исчезает вместе с компонентом. Как скрыть компонент и чтобы осталась видима кнопка которая находиться в скрываемом компоненте?
$('#hide_sidebar').click(function () { 
        $('.col-md-3').toggleClass('d-none');
        $('.expand').toggleClass('col-md-9');
        var text = $(this).html();
        $(this).html(
            text == '<i class="fas fa-eye-slash"></i>' ? '<i class="fas fa-eye"></i>' : '<i class="fas fa-eye-slash"></i>');
        if ($(this).attr('title') == 'Скрыть меню')
            $(this).attr('title', 'Показать меню');
        else $(this).attr('title', 'Скрыть меню')
    })

<button class="button-roll" id="hide_sidebar" title="Скрыть меню">
        <i class="fas fa-chevron-left"></i>
    </button>
  • Вопрос задан
  • 87 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы