как писать html код внутри js не в одну строку ?
 

Давненько ничего не кодил, а тут понадобилось. Не могу вспомнить как записать к в коде вот это

не так

$(".content").before({"<div id='slider'><ul><li>...</li><li>...</li><li>...</li></ul></div>"});

а вот так

$(".content").before({
		"<div id='slider'>
		   <ul>
			  <li>...</li>
			  <li>...</li>
			  <li>...</li>
		   </ul>
		</div>"
	});

Можно слэшами \ строку разбивать, но лучше так:

$(".content").before([
	'<div id="slider">',
		'<ul>',
			'<li>...</li>',
			'<li>...</li>',
			'<li>...</li>',
		'</ul>',
	'</div>'
].join(""));

или вообще шаблоны использовать

Почему?

Например так не будет "лишних" пробелов или табуляторов... :D
А структура таки будет.

Потому что между тегами не будет ненужных текстовых узлов, которые мешаются, когда списки inline-blockами форматируешь

спасибо

А, ну да, я на то что там HTML и список внимания не обратил.)