Używam takiego skryptu do rozwijania jakiejś zawartości
Kod
<script type="text/javascript">
function showHidden(obj){
obj = document.getElementById(obj);
obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
}
</script>
<a id="link1_1" href="java script: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">jakis tekst....</a><a id="link1_2" style="display:none;" href="java script: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">Tekst po rozwinięciu ...</a>
<div id="hidden1" style="display:none;">
treśc rozwinięta....
</div>
<a id="link2_1" href="java script: showHidden('hidden2');showHidden('link2_1');showHidden('link2_2');">Jakiś tekst 2</a><a id="link2_2" style="display:none;" href="java script: showHidden('hidden2');showHidden('link2_1');showHidden('link2_2');">Jakiś tekst po rozwinięciu 2</a>
<div id="hidden2" style="display:none;"><br>
treś rozwinięta tekstu 2
</div>
function showHidden(obj){
obj = document.getElementById(obj);
obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
}
</script>
<a id="link1_1" href="java script: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">jakis tekst....</a><a id="link1_2" style="display:none;" href="java script: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">Tekst po rozwinięciu ...</a>
<div id="hidden1" style="display:none;">
treśc rozwinięta....
</div>
<a id="link2_1" href="java script: showHidden('hidden2');showHidden('link2_1');showHidden('link2_2');">Jakiś tekst 2</a><a id="link2_2" style="display:none;" href="java script: showHidden('hidden2');showHidden('link2_1');showHidden('link2_2');">Jakiś tekst po rozwinięciu 2</a>
<div id="hidden2" style="display:none;"><br>
treś rozwinięta tekstu 2
</div>
Proszę Was o pomoc, w jaki sposób zrobić by tekst rozwijał się powoli, nie natychmiast po kliknięciu. Widziałem podobne rozwiązania stosując toogle. Nie wiem za bardzo jak można tego użyć w/w kodzie.