Išsiskleidžiantys D.U.K

Sveik niekaip nepavyksta rasti tokio dalyko kaip sitame puslapyje http://www.pirkinternete.lt/text/duk yra rodomi D.U.K. dominanti klausima paspaudus islenda atsakymas. buciau dekingas kas nukreiptu reisinga linkme pagal kokius raktinius zodzius ieskoti arba gal kas turite toki?

Pažiūrėk į to puslapio išvesties kodą ir pamatysi vieną *.js failą, kurio tau reikia.

<script type="text/javascript" src="/js/show-hide.js"></script>

Atvertus šį failą pamatysi JavaScript kodą.

$(document).ready(function() {
 $('div.duk> div').hide();
 $('div.duk> h3').click(function() {
$(this).toggleClass('opened').next('div').slideToggle('normal')
.siblings('div:visible').slideUp('normal');
$(this).siblings('h3').removeClass('opened');
 });
});

Dabar pažvelk į HTML kodą toje vietoje, kur yra D.U.K.

<h3><img src="/img/2009/duk/1.jpg" style="position:absolute;margin-left:-30px;" /> Kas yra TopLitai? Kaip juos gauti?</h3>
<div>
TopLitai - interneto parduotuvės Pirkinternete.lt pinigai, kuriais galite atsiskaityti už perkamas prekes. 
<br /><br />

Šie pinigai gali būti kaupiami, sumuojami. 
Juos galite gauti naudodamiesi mūsų partnerių paslaugomis, arba 
pirkdami prekes prie kurių pažymėta, kad už šį pirkinį gausite TopLitų. 
<br /><br />
<b>Partnerių sąrašas:</b><br /><br />
<a href="http://www.tophosting.lt" class="blue">Tophosting.lt</a> - užsisakius hostingo, ar VDS paslaugas, 
suteikiamas TopLitų čekis priklausomai nuo pasirinkto plano.<br /><br />
<a href="http://www.hostingas.in" class="blue">Hostingas.in</a> - papildžius sąskaitą 50 ir daugiau Litų 
suteikiamas 5 TopLitų čekis.

</div>

Paanalizuok, kokiu principu čia padaryta ir bandyk taikyti šį variantą savo tinklalapiui.

P. S. Atkrepk dėmesį, kad čia JavaScript kodas yra parašytas remiantis jQuery biblioteka.

dekui reiks pasidelioti ir pasianalizuoti.

gali su jquery ypatingai paprastai pasiekti sita efekta:

daugiau info cia:

http://api.jquery.com/slideToggle/