podés hacer
Código HTML:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$( function (){
$('#siguiente').click( function (){
$("#texto1, #texto2").toggleClass('oculta');
});
});
</script>
<style>
.oculta{display:none}
</style>
</head>
<body>
<div id="texto1">texto uno</div><div id="texto2" class="oculta">texto dos</div>
<a href="#" id="siguiente">click</a>
</body>
</html> o sino
Código HTML:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$( function (){
$('#siguiente').click( function (){
$("#texto1, #texto2").toggle();
});
});
</script>
<style>
.oculta{display:none}
</style>
</head>
<body>
<div id="texto1">texto uno</div><div id="texto2" class="oculta">texto dos</div>
<a href="#" id="siguiente">click</a>
</body>
</html> con lo tuyo en el segundo click te falta eliminar la clase oculta de #texto1, lo mismo para el otro click eliminar .oculta de #texto2, siempre van a tener la clase oculta y muestra a partir del 2do. click
Código Javascript
:
Ver original$('#siguiente').toggle(function() {
$("#texto1").removeClass("muestra");
$("#texto2").removeClass("oculta");
$("#texto1").addClass("oculta");
$("#texto2").addClass("muestra");
}, function() {
$("#texto2").removeClass("muestra");
$("#texto1").removeClass("oculta");
$("#texto2").addClass("oculta");
$("#texto1").addClass("muestra");
});
como lo tenés ahora fijate esto:
si en el css declarás
.oculta{display:none}
.muestra{display:block}
va a funcionar
pero si declarás
primero la clase .muestra no
ah y usá el encadenamiento
Código Javascript
:
Ver original$('#siguiente').toggle(function() {
$("#texto1").addClass("oculta").removeClass("muestra");
$("#texto2").addClass("muestra").removeClass("oculta");
}, function() {
$("#texto2").addClass("oculta").removeClass("muestra");
$("#texto1").addClass("muestra").removeClass("oculta");
});
en vez de
$("#texto1").removeClass("muestra");
$("#texto1").addClass("oculta");
hacés
$("#texto1").addClass("oculta").removeClass("muest ra");
pero para eso mejor usa toggle jeje todo en una sola linea y cortito como en el segundo ejemplo