Добрый день. Помогите разобраться:
Скопировал код со странички, где по ссылке развертывается форма, на друкую страничку, желая получить тот же эффект.
Получилось =)) Но форма развернута по умолчанию, а хотелось бы чтоб была свернута. Может кто подслажет чего изменить, чтоб форма была свернута изначально. Спасибо.
З.Ы. Код взят с Джумлы 2.5, шаблон Atomic, страница контакты.
| Код |
window.addEvent('domready', function()
{ new Fx.Accordion($$('div#contact-slider.pane-sliders > .panel > h3.pane-toggler'), $$('div#contact-slider.pane-sliders > .panel > div.pane-slider'),
{onActive: function(toggler, i)
{toggler.addClass('pane-toggler-down');toggler.removeClass('pane-toggler');i.addClass('pane-down');i.removeClass('pane-hide');Cookie.write('jpanesliders_contact-slider',$$('div#contact-slider.pane-sliders > .panel > h3').indexOf(toggler));},onBackground: function(toggler, i)
{toggler.addClass('pane-toggler');toggler.removeClass('pane-toggler-down');i.addClass('pane-hide');i.removeClass('pane-down');if($$('div#contact-slider.pane-sliders > .panel > h3').length==$$('div#contact-slider.pane-sliders > .panel > h3.pane-toggler').length) Cookie.write('jpanesliders_contact-slider',-1);},duration: 300,opacity: false,alwaysHide: true}); });
function keepAlive() { var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(840000); });
window.addEvent('domready', function() {
$$('.hasTip').each(function(el) {
var title = el.get('title');
if (title) {
var parts = title.split('::', 2);
el.store('tip:title', parts[0]);
el.store('tip:text', parts[1]);
}
});
var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false});
});
|
| Код |
<div id="contact-slider" class="pane-sliders">
<div style="display:none;">
<div> </div>
</div>
<div class="panel">
<h3 class="pane-toggler title" id="display-form">
<a href="javascript:void(0);">
<span>Профиль пользователя</span>
</a>
</h3>
<div class="pane-slider content pane-hide" style="padding-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; padding-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; overflow-x: hidden; overflow-y: hidden; height: 0px;">
|
|
)