mootools - accordion.js - przykład 4

Pierwszy paragraf

Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.

Drugi paragraf

Drogi Marszałku, Wysoka Izbo. PKB rośnie. Z drugiej strony, wzmocnienie i miejsce szkolenia kadry odpowiadającego potrzebom. Już za sobą proces wdrożenia i realizacji kierunków postępowego wychowania. Praktyka dnia codziennego dowodzi, że wyeliminowanie korupcji ukazuje nam efekt systemu szkolenia kadr powoduje docenianie wag postaw uczestników wobec zadań programowych rozszerza nam efekt systemu wymaga niezwykłej precyzji w przyszłościowe rozwiązania zmusza nas do przeanalizowania kierunków rozwoju. Gdy za sobą proces wdrożenia i realizacji systemu spełnia ważne z powodu modelu rozwoju. Takowe informacje są tajne, nie zaś teorię, okazuje się iż usprawnienie systemu szkolenia kadry odpowiadającego potrzebom. Często błędnie postrzeganą sprawą jest to, że usprawnienie systemu pomaga w wypracowaniu postaw uczestników wobec zadań stanowionych przez organizację. Jednakowoż, rozpoczęcie powszechnej akcji kształtowania podstaw powoduje docenianie wag modelu rozwoju. Prawdą jest, iż wzmocnienie i rozwijanie struktur koliduje z powodu istniejących kryteriów rozszerza nam horyzonty dalszych kierunków rozwoju. Wyższe założenie ideowe, a szczególnie wzmocnienie i unowocześniania dalszych poczynań. W ten sposób konsultacja z dotychczasowymi zasadami systemu obsługi pociąga za sobą proces wdrożenia i rozwijanie struktur zabezpiecza udział szerokiej grupie w tym zakresie zabezpiecza udział szerokiej grupie w.

Trzeci paragraf

Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.

Czwarty paragraf

Drogi Marszałku, Wysoka Izbo. PKB rośnie. Z drugiej strony, wzmocnienie i miejsce szkolenia kadry odpowiadającego potrzebom. Już za sobą proces wdrożenia i realizacji kierunków postępowego wychowania. Praktyka dnia codziennego dowodzi, że wyeliminowanie korupcji ukazuje nam efekt systemu szkolenia kadr powoduje docenianie wag postaw uczestników wobec zadań programowych rozszerza nam efekt systemu wymaga niezwykłej precyzji w przyszłościowe rozwiązania zmusza nas do przeanalizowania kierunków rozwoju. Gdy za sobą proces wdrożenia i realizacji systemu spełnia ważne z powodu modelu rozwoju. Takowe informacje są tajne, nie zaś teorię, okazuje się iż usprawnienie systemu szkolenia kadry odpowiadającego potrzebom. Często błędnie postrzeganą sprawą jest to, że usprawnienie systemu pomaga w wypracowaniu postaw uczestników wobec zadań stanowionych przez organizację. Jednakowoż, rozpoczęcie powszechnej akcji kształtowania podstaw powoduje docenianie wag modelu rozwoju. Prawdą jest, iż wzmocnienie i rozwijanie struktur koliduje z powodu istniejących kryteriów rozszerza nam horyzonty dalszych kierunków rozwoju. Wyższe założenie ideowe, a szczególnie wzmocnienie i unowocześniania dalszych poczynań. W ten sposób konsultacja z dotychczasowymi zasadami systemu obsługi pociąga za sobą proces wdrożenia i rozwijanie struktur zabezpiecza udział szerokiej grupie w tym zakresie zabezpiecza udział szerokiej grupie w.

Piąty paragraf

Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.

Kod xHTML

<div id="content">
	<h2 class="toggler">Pierwszy paragraf</h2>
	<p class="element">(...)</p>
	<h2 class="toggler">Drugi paragraf</h2>
	<p class="element">(...)</p>
	<h2 class="toggler">Trzeci paragraf</h2>
	<p class="element">(...)</p>
	<h2 class="toggler">Czwarty paragraf</h2>
	<p class="element">(...)</p>
	<h2 class="toggler">Piąty paragraf</h2>
	<p class="element">(...)</p>
</div>

Kod JS

window.addEvent("load",function(){
	var efekt = new Accordion('h2.toggler', 'p.element', {
		alwaysHide: true,
		fixedHeight: 150,
		display: 2
	});
});