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

Moderador: web

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

Aumentar a div de acordo com o conteúdo jQuery

15-01-2016 17:38

Nesse post vou postar um script em jQuery que expande uma div que está com o overflow auto para que todo conteúdo da div seja mostrado.

<script src="jquery.js"></script> <script> $(document).ready(function() { $(".expandir").click(function() { $(".code").each(function() { $(this).css("height",$(this)[0].scrollHeight+"px"); $(this).css("max-height",$(this)[0].scrollHeight+"px"); }); }); }); </script> <style> .code { position:relative; overflow:auto; max-height:200px; height:auto; width:100%; display:inline-block; border:1px solid #ccc; } </style> <div class="expandir">Expandir</div> <div class="code"> texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br /> texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br /> texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br /> texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br /> </div> <div class="code"> texto </div>

1
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

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