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

    bogdan_uman
    @bogdan_uman
    шлЫмазл неукЪ-поцЪ
    Тоже вариант на флексе, более лаконично
    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;
    }


    Результат
    741dae23438d4ba59a5144f8a1b61f1b.png
    Ответ написан
    Комментировать