Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Elcy

Alternar estilos com TOGGLE

Recommended Posts

Pessoal... Quem puder me ajudar, agradeço antecipadamente...

Tenho esse código:

<style type="text/css">
/*Contraste*/
body.contraste{background:#000;}
</style>
<!-- contraste -->
<script type="text/javascript">
$(function() {
$('a.mudarLayout').click(function(){
$('body').toggleClass('contraste');
});
});
</script>
<!--/contraste -->
<!-- acess -->
<div id="acess">
<ul>
<li>...</li>
<li><a href="#" title="" class="mudarLayout">Contraste <img src="images/contraste.png" alt=""/></a></li>
<li>...</li>
</ul>
</div>
<!-- acess -->
Funciona perfeitamente... Só que eu gostaria de usar o Toggle "$('body').toggleClass('contraste');" para alternar entre a atual folha de estilo e uma externa, tipo, "contraste.css". Assim, poderia estilizar todos os elementos do HTML, onde na atual forma não consigo. Alguém me ajuda?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.