Вывод меню сбоку

<script>
  $(document).ready(function () {
        $('a#link1').click(function (e) {
            $(this).toggleClass('active');
            $('#content1').toggle();
 
            e.stopPropagation();
        });
 
        $('#content1').click(function (e) {
            e.stopPropagation();
        });
 
        $('body').click(function () {
            var link = $('a#link1');
            if (link.hasClass('active')) {
                link.click();
            }
        });
    });
</script>

<a href="#" id="link1" class="">Открыть</a>

<div id="content1" style="display: none;">
Содержимое блока
</div>

<div>
        <input id="inp" class="spoiler_controler" type="checkbox">
        <label for="inp">
            <span class="show">Показать</span>
            <span class="hide">Скрыть</span>
        </label>
        <div class="content">
            Можно плакать от счастья — В.В. прёт!<br>
И при этом сосать 21-й палец.<br>
«Сильная власть — слабый народ»,<br>
Сказал однажды один китаец.<br><br>
Но если страну проиграли в джекпот —<br>
Пустим ненависть по голодной вене!<br>
«Сильная власть — сильный народ»,<br>
Провыл с трибуны один немец.<br><br>
Но, чтобы было легко и всласть,<br>
Придумаем коррупционную схему.<br>
«Слабый народ — слабая власть»,<br>
Хватай что можешь, руби тему!<br><br>
Да ещё можно решиться на переворот,<br>
Устроить системе перезагрузку.<br>
«Слабая власть — сильный народ»,<br>
Скартавил однажды весьма нерусский.
</div>

.show,
.hide {
    position:relative;
    left:400px;
    top:50px;
    border-bottom: 1px dashed;
    cursor: pointer;
}
 
.hide,
.content {
    display: none;
}
 
.spoiler_controler {
    display: none;
}
 
.spoiler_controler:checked + label .show {
    display: none;
}
 
.spoiler_controler:checked + label .hide {
    display: inline;
}
.spoiler_controler:checked ~ .content {
    display: block;
}