design like google search

sweet15w

Сообщения: 140 Репутация: N Группа: Кто попало

Март 16, 2016, 5:22 п.п.

исходный материал
Edit fiddle - JSFiddle [jsfiddle.net]

хочу сделать
Edit fiddle - JSFiddle [jsfiddle.net]
по клику на синий элемент перед ним (после него) добавлялся зеленый элемент

что делаю, знаю что не правильно
Edit fiddle - JSFiddle [jsfiddle.net]

суть проблемы в том, что я пытаюсь закрыть блок <section='cols'> одним закрывающим тэгом, затем добавить <section id='content'></section> и как бы заново открыть <section='cols'>, то есть по сути разделить один блок <section='cols'></section> на два таких элемента и между ними добавить <section id='content'></section>

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

Edit fiddle - JSFiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

jsfiddle.net

Edit fiddle - JSFiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

jsfiddle.net

Edit fiddle - JSFiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

jsfiddle.net

sweet15w

Сообщения: 140 Репутация: N Группа: Кто попало

Март 17, 2016, 7:53 д.п., спустя 14 часов 30 минут 53 секунды

сделал через регулярные выражения

Edit fiddle - JSFiddle [jsfiddle.net]

Edit fiddle - JSFiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

jsfiddle.net