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

Question

[Марсель Султанов]

Есть задача в которой есть добавление кнопки к компоненту, который собственно при нажатий на кнопку скрывается.
Проблема в том что в компоненте (который используется везде) есть кнопка со скриптом. Собственно кнопка исчезает вместе с компонентом. Как скрыть компонент и чтобы осталась видима кнопка которая находиться в скрываемом компоненте?

$('#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>

Comments

[Andrew]

Никак. Меняйте структуру или js-ом вырезайте и вставляйте кнопку, вне компонента
Первый вариант предпочтительнее

[Марсель Султанов]

Есть предложения как поменять структуру ?

[FeST1VaL]

Марсель Султанов, имеется ввиду что надо кнопку вынести за скрываемый контент.

[Andrew]

Марсель Султанов, я не знаю ваших целей. Я бы решал задачу, отталкиваясь от задания, имея все исходные данные.

[Марсель Султанов]

Артем Будин, это битрикс компонент

[FeST1VaL]

Марсель Султанов, и что? так нельзя чтоль?

<div>
<div class='need_hide'>Lorem</div>
<button>Скрыть</button>
</div>

[Марсель Султанов]

Артем Будин, Нет меню это компонент битрикса, и в него надо встроить кнопку для скрытия,но при нажатий на кнопку происходит полное скрытие даже с кнопкой

[Andrew]

Марсель Султанов, ну так добавьте другую кнопку и повесьте на неё действия.
Какие-то странные сложности у вас появляются.