Skilled Gaming

Design/Web/Programming/IT => jQuery => Developing => Creaţii personale/Personal creations => Topic started by: Hectore on 29 June 2013, 12:13:20

Title: [jQuery Creation]Toogle Easy
Post by: Hectore on 29 June 2013, 12:13:20

Salut tuturor !

Astazi am sa va prezint un script toogle , ce este foarte dragut si simplu :)

Cod :

Code: [Select]

<div class="puf">
<textarea style="width: 996px; height: 203px;">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div class="apasa">Apasa-ma</div>
<div style="display: none;" class="deschis">M-am deschis! :D </div>

<script>

$(".apasa").click(function () {
$(".deschis").toggle();
});

</script>
</textarea>


<br>Demo:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div class="apasa">Apasa-ma</div>
<div style="display: none;" class="deschis">M-am deschis! :D </div>
<script>

$(".apasa").click(function () {
$(".deschis").toggle();
});

</script></div>

<style>
body {
color: #000;
visibility: hidden;}

.puf { visibility: visible;}

 .apasa { border: 1px solid blue; padding: 3px; }

.deschis { border: 1px solid red; padding: 3px; margin-top: 3px;}
</style>

Title: Re: Toogle Easy
Post by: BiGdOg on 29 June 2013, 12:47:31

Si pe limba noastra ce face :))?.
Ai putea sa ne pui o imagine sa ne arati ce face :-??

Title: Re: Toogle Easy
Post by: Hectore on 29 June 2013, 12:52:08

DEMO :

(http://i.imgur.com/qtbd4xT.png)

Title: Re: Toogle Easy
Post by: BiGdOg on 29 June 2013, 12:52:58

Aaaa,arata super tare,bravo :-bd

Title: Re: Toogle Easy
Post by: IstuntmanI on 29 June 2013, 14:10:03

Nice. :D

Title: Re: Toogle Easy
Post by: [SG]P1xuletz.xD on 29 June 2013, 14:16:24

Nicee  !

Title: Re: Toogle Easy
Post by: [SG]MonsteR. on 29 June 2013, 16:57:48

Misto, bravo :P