Alternar estilos com TOGGLE
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?
Discussão (0)
Carregando comentários...