Skip to main content
removeu 2 caracteres do conteúdo
Fonte Link

Você pode tentar fazer isso de uma maneira diferente: Pode criar uma nova classe e com a largura de 150px e ao clicar no botão, adicionar ela ao elemento.

CSS:

   .large {
      width: 150px;
   }

JS:

   function sidebarAnimation() {
        var sidebar = document.getElementById("sidebar");
        var sidebar_base = document.getElementById("sidebar_base");

        if(order) {
            sidebar.classList.add("large");
            sidebar_base.classList.add("large");
            
            order = false;
        } else {
            sidebar.classList.remove("large");
            sidebar_base.classList.remove("large");

            order = true;
        }
    }

Você pode tentar fazer isso de uma maneira diferente: Pode criar uma nova classe e com a largura de 150px e ao clicar no botão, adicionar ela ao elemento.

CSS:

   .large {
      width: 150px;
   }

JS:

   function sidebarAnimation() {
        var sidebar = document.getElementById("sidebar");
        var sidebar_base = document.getElementById("sidebar_base");

        if(order) {
            sidebar.classList.add("large");
            sidebar_base.classList.add("large");
            
            order = false;
        } else {
            sidebar.classList.remove("large");
            sidebar_base.classList.remove("large");

            order = true;
        }
    }

Você pode tentar fazer isso de uma maneira diferente: Pode criar uma nova classe com a largura de 150px e ao clicar no botão, adicionar ela ao elemento.

CSS:

   .large {
      width: 150px;
   }

JS:

   function sidebarAnimation() {
        var sidebar = document.getElementById("sidebar");
        var sidebar_base = document.getElementById("sidebar_base");

        if(order) {
            sidebar.classList.add("large");
            sidebar_base.classList.add("large");
            
            order = false;
        } else {
            sidebar.classList.remove("large");
            sidebar_base.classList.remove("large");

            order = true;
        }
    }
Removendo texo nao objetivo e em ingles da resposta
Fonte Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54

Você pode tentar fazer isso de uma maneira diferente.: Pode criar uma nova classe e com a largura de 150px150px e ao clicar no botão, adicionar ela ao elemento.

CSS:

   .large {
      width: 150px;
   }

JS:

   function sidebarAnimation() {
        var sidebar = document.getElementById("sidebar");
        var sidebar_base = document.getElementById("sidebar_base");

        if(order) {
            sidebar.classList.add("large");
            sidebar_base.classList.add("large");
            
            order = false;
        } else {
            sidebar.classList.remove("large");
            sidebar_base.classList.remove("large");

            order = true;
        }
    }

I use to do it this way.

Você pode tentar fazer isso de uma maneira diferente. Pode criar uma nova classe e com a largura de 150px e ao clicar no botão, adicionar ela ao elemento.

CSS:

   .large {
      width: 150px;
   }

JS:

   function sidebarAnimation() {
        var sidebar = document.getElementById("sidebar");
        var sidebar_base = document.getElementById("sidebar_base");

        if(order) {
            sidebar.classList.add("large");
            sidebar_base.classList.add("large");
            
            order = false;
        } else {
            sidebar.classList.remove("large");
            sidebar_base.classList.remove("large");

            order = true;
        }
    }

I use to do it this way.

Você pode tentar fazer isso de uma maneira diferente: Pode criar uma nova classe e com a largura de 150px e ao clicar no botão, adicionar ela ao elemento.

CSS:

   .large {
      width: 150px;
   }

JS:

   function sidebarAnimation() {
        var sidebar = document.getElementById("sidebar");
        var sidebar_base = document.getElementById("sidebar_base");

        if(order) {
            sidebar.classList.add("large");
            sidebar_base.classList.add("large");
            
            order = false;
        } else {
            sidebar.classList.remove("large");
            sidebar_base.classList.remove("large");

            order = true;
        }
    }
Fonte Link

Você pode tentar fazer isso de uma maneira diferente. Pode criar uma nova classe e com a largura de 150px e ao clicar no botão, adicionar ela ao elemento.

CSS:

   .large {
      width: 150px;
   }

JS:

   function sidebarAnimation() {
        var sidebar = document.getElementById("sidebar");
        var sidebar_base = document.getElementById("sidebar_base");

        if(order) {
            sidebar.classList.add("large");
            sidebar_base.classList.add("large");
            
            order = false;
        } else {
            sidebar.classList.remove("large");
            sidebar_base.classList.remove("large");

            order = true;
        }
    }

I use to do it this way.