uncletobe

Потому что, когда Вы грузите страницу, то пытаетесь получить значения из инпутов:
var switch_name = $('#switch_name');
Но они у вас еще пусты! Т.е. страница загрузилась, скрипт берет данные из инпутов и ничего нету. Вам нужно обернуть это в какую-то функцию(все получения данных из инпутов) и запихнуть ее вызов на событие клика, по кнопке отправки.

$('#post-button').click(function (e) {
  getValsFromInputs();
    addSwitch();
    e.preventDefault()
})

Я так понял, Вы хотите сделать так:
https://jsfiddle.net/0Ls7q4hy/

зачем так мучаться, используя jquery?

$('.wrapper').html('<div class="my-class"><div><div>1</div></div></div>');

Разбиваем задачу.
У нас есть два состояния: полный текст и обрезанный.
Значит, если текст полный, то нужно его заранее куда-то сохранить перед усечением, чтоб потом о5 вставить. Если нет - то возвращаем на прежнее место наш сохраненный текст., т.е. где-то храним текст и текущее состояние. Далее только проверяем состояние текста в фун-и и делаем, что требуется.
https://jsfiddle.net/fd217suz/