<div class="spoiler" data-close-message="Заголовок" data-open-message="Заголовок" [b]data-full-height="3356" [/b]style="height: 16px; padding-bottom: 2px;">
Неправильно выдается
data-full-height. Вот скрипт обработки спойлера:
// *** SPOILER FUNCTIONAL ***
var spoiler_animation_processing = false;
function closeSpoiler(spoilsec, in_moment) {
if (spoiler_animation_processing) return false;
spoiler_manager = spoilsec.children("a.spoiler_manager_link");
if (in_moment) {
spoilsec.css('height', spoiler_manager.css('height'));
spoilsec.css('padding-bottom', spoilsec.css('padding-top'));
}
else {
spoiler_animation_processing = true;
spoilsec.animate({
'height': spoiler_manager.css('height')
}, 600, function() { spoiler_animation_processing = false; });
}
spoiler_manager.text(spoilsec.attr('data-close-message') ? spoilsec.attr('data-close-message') : "Показать скрытый текст");
spoilsec.toggleClass("opened",false);
}
function openSpoiler(spoilsec) {
if (spoiler_animation_processing) return false;
spoiler_manager = spoilsec.children("a.spoiler_manager_link");
spoiler_animation_processing = true;
spoilsec.animate({
'height': spoilsec.attr('data-full-height')
}, 600, function() { spoiler_animation_processing = false; });
spoiler_manager.text(spoilsec.attr('data-open-message') ? spoilsec.attr('data-open-message') : "Скрыть текст");
spoilsec.toggleClass("opened",true);
//spoilsec.css('height', 'auto');
}
$.each($(".spoiler"), function(ind,spel) {
spoilsec = $(spel);
spoilsec.prepend('<a href="#spoiler" class="spoiler_manager_link">...</a> ');
spoilsec.attr('data-full-height', spoilsec.height());
closeSpoiler(spoilsec, true);
});
$("a.spoiler_manager_link").click(function(evnt) {
evnt.preventDefault();
if ($(this).parent().hasClass("opened")) {
closeSpoiler($(this).parent());
}
else {
openSpoiler($(this).parent());
}
return false;
});
// *** END OF SPOILER FUNCTIONAL ***
Подскажите как исправить, чтобы размер открытого спойлера соответствовал размеру его содержимого?