Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Div escondida e quando é clicada rola para esquerda jQuery

26-04-2015 22:20

Nesse post vou mostrar um script em jQuery que mantém uma div escondida no documento centralizada e escondida no canto direito da página.
Quando essa div for clicada ela roda para esquerda mostrando o conteúdo. Quando clicada novamente, se esconde na direita.

<style> .comentario{ position:fixed; top:50%; left:97%; z-index:10; border:1px solid #ccc; width:150px; padding:5px 5px; } </style>


<script src="jquery.js"></script> <script> $(document).ready(function() { i = 0; v = ""; $('.comentario').click(function() { i++; if(i % 2 == 0 ? v = "+=150px" : v = "-=150px") $('.comentario').animate({ "marginLeft" : v}); }); }); </script>


<div class="comentario">CONTEÚDO ESCONDIDO</div>

Para esconder a div no canto esquerdo do documento substituir o if do jQuery por esse

if(i % 2 == 0 ? v = "-=150px" : v = "+=150px")

Também substituir o left do CSS por esse

left:-10%;

2
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado