Написал код, который удаляет определенный элемент (content-holder) из DOM и вставляет новый элемент с таким же классом после элемента, на который кликнули. Все прекрасно работает, только хочется немного анимации при появлении элемента content-holder. Добавление в хвост fadeIn() ни к чему не приводит. С animate() тоже самое. Может надо как-то переделать код?
$(document).ready(function(e) {
loadContent('defaultpage');
function addContentHolder(){
var content = '<div class="content-holder"><div class="content"></div></div>';
$(arguments[0]).after(content);
}
function loadContent(){
var path = 'http://localhost/stitch.ru/content/';
var fileName = arguments[0] + '.';
var extension = 'html';
$('.content').load(path + fileName + extension);
}
$('.button').click(function(e) {
$('.content-holder').remove();
addContentHolder(this);
var id = $(this).attr('id');
loadContent(id.charAt(1));
});
});
// Как вы могли заметить, я добавляю новый элемент через .after