Tutorial JQuery arata/ascunde

Extrem Tutorials :: Tutoriale și ponturi :: Programare si dezvoltare :: Javascript

09012012
Tutorial JQuery arata/ascunde

Acesta este un simplu cod javascript cu ajutorul caruia puteti ascude un continut etc...

Pasul:1

Codurile java script de mai jos le puteti pune in
Panou de administrare > Module > HTML & JAVASCRIPT > Javascript codes management>Create a new Javascript > Adaugati titlul , iar unde scrie Javascript Code adaugati cele 2 coduri javascript de mai jos , iar in cele din urma bibafi
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Cod:


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">function toggleDiv(divId) { $("#"+divId).toggle();}</script>

Pasul:2

De asemenea codul de mai jos in aplicati in pagina in care doriti sa apara efectul

Cod:



<a href="javascript:toggleDiv('myContent');">Text</a>

<div id="myContent">Continut</div>

Pasul:3

Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS

Cod:


#myContent{display:none;}

Pentru a vedea codurile va rugam sa respundeti la topic !!!

Tutorial realizat de: Emanuel
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.