Как сделать скрытие открытие блока?

Question

[gemokpat]

На самом деле, я Вас в заглавке обманул. Скрытие и открытие блока я нашел и сделал, сейчас опишу подробней.

У меня есть левый блок который занимает 30% и второй правый блок 70%. Я хочу чтобы при скрытии первого, второй блок расширялся на все 100% и наоборот, при открытие его все становилось обратно. Подскажете с кодом?

Comments

[Сережа Ахен]

php то тут причем?

[Hyubert]

Сережа Ахен: будем спрашивать от сервера, можноли нам скрить блок

[gemokpat]

Сережа Ахен: JQ не добавляется в теги

[Ярослав Иванов]

gemokpat: Потому что есть тег Jquery, который тоже тут не нужен так как все делаелся на JS.

Answer 1

[Богдан]

Тоже вариант на флексе, более лаконично
SLIM

doctype html
html
  head
    title Slim Examples
    meta name="keywords" content="template language"
    link rel="stylesheet" href="table_image.css" 
  body
    #block1.block
      a *{href: '#block1'} Hide
    #block2.block
      a *{href: '#'} Show Block 1

CSS

body {
  display: flex;
  height: 100vh;
}

#block1 {
  flex: 0 0 30%;
  background-color: #ccc;
}

#block2 {
  flex-basis: 100%;
  background-color: #eee;
}

#block1:target {
  display: none;
}

Результат

Answer 2

[Иван Вишневский]

.main_block{
display: flex;
width: 500px;
heigth: 100px;
}
.inner_block{
flex-grow: 4;
}
.inner_block1{
width: 30%;
height: 100%;
}
.inner_block2{
width: 70%;
height: 100%;
}

Comments

[Ярослав Иванов]

Любители всюду пихать свой флекс

[Иван Вишневский]

Ярослав Иванов: сейчас бы отказываться от одного из лучших инструментов в css за всё его существование. :)