Пыталась как-то обойти отступы у div в спойлере, ничего не получилось, кроме как к внешнему диву добавить float:left. Может есть какой-то более правильный выход?
Код: Выделить всё
<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px; width: 99%; float:left">
<div style="background: #E9E9E9; min-height: 19px; font-size: 0.9em; font-weight: normal; cursor: pointer;" onclick="
(function(d,i){
var h=d[1],h2=d[d.length-1],b=i[1],b3=i[0];
if(h2.style.display!=''){
h.style.padding='6px';
h.style.height='auto';
h.style.visibility='visible';
h2.style.display='';
b3.src=b.src;b.src=h2.getElementsByTagName('img')[0].src;
}else{
h.style.padding='0';
h.style.height='0';
h.style.visibility='hidden';
h2.style.display='none';
b.src=b3.src;}
}).call(this,$(this).parent().children('div'),$(this).children('img'));">
<img style="display: none;" src="" />
<img style="margin: 0; padding: 5px 5px 0;" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
<b>{TEXT1}</b>
</div>
<div style="min-height: 0px; height: 0; visibility: hidden; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 0; margin: 0;">
{TEXT2}
</div>
<div style="display: none; background: #E9E9E9; min-height: 19px; font-size: 0.9em; font-weight: normal; cursor: pointer;" onclick="
(function(d){
d[1].style.padding='0';
d[1].style.height='0';
d[1].style.visibility='hidden';
this.style.display='none';
var i=$(d[0]).children('img');i[1].src=i[0].src;
var dVT=$(window).scrollTop(),dVB=dVT+$(window).height(),eT=$(i[1]).offset().top,eB=eT+$(i[1]).height();
if(!((dVT<eT)&&(dVB>eB)))$('html,body').scrollTop($(i[1]).offset().top);
}).call(this,$(this).parent().children('div'));">
<img style="margin: 0; padding: 5px 5px 0;" src="data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw==" />
<i>{L_COLLAPSE_VIEW}</i>
</div>
</div>
Еще хочется спойлер в строку - без div и с ограничением на количество символов не более 50, как можно прикрутить такое ограничение?