Как задать css стили для определенного фрагмента кода?

Мой JS:

$('[data-show-ajax]').on('click touch', function(event) {
  event.preventDefault();
  $($(this).attr('data-show-ajax')).show();
  $(this).hide();
});
if ($("div.block1 .block-cnt").length < 15) {
	$("button[data-show-ajax='.block1']").hide();
}

сделанный вариант:

<div class="block1"> {custom category="2" template="shortstory" order="date" sort="asc" limit="15"}</div>
<br />       
<button style="width: 100%;" data-show-ajax=".block">Показать все</button>
<div class="block" style="display:none">
{custom category="2" template="shortstory" order="title" sort="desc" from="15"}
</div>

shortstory обвернутый DIV-контенер: <div class="block-cnt">
Все равно отображается, что то упустил?

Что не кто не подскажит?

Получилось вернуть панель бб-кодов, но не работает, загрузка файлов, картинок и похожее.
http://420.pp.ua/addnews.html
admin1 admin1

заменил (1,2,3) на свои (28,29)
заменил ['tvoe_pole'] на ['youtube']
запустил и ничего нигде не удалилось, что я не так делаю подскажите, пожалуйста?

Чтобы на выходе получилось примерно так

Хм.. Скрипт дописал, ну класс не добавляет к текстареа.

Спасибо.
А через сайт можно загружать файлы с панели ббкодов?

чтоб не лезть в код дле через jquery

$(function(){
$('#short_story').addClass('form-control');
});

И еще забыл добавить,, как отобразить панель ббкодов?

Хотя немного неправильно описал, это же подсчитываются новости в скрытом блоке, а надо в видимом. Тогда видимый блок также оберните в DIV-контейнер с уникальным классом и через него действуйте. Или даже можно определять так, если в невидимом блоке нет новостей, соответственно, нечего и показывать - тогда и скрываем кнопку тоже.