Salve ragazzi,ho questo codice
<!DOCTYPE html>
<html>
<head>
<style>
p { width:400px; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<button>Toggle</button>
<p class="p1">
Visualizzato all'inizio
</p>
<p class="p2">
visualizzato dopo
</p>
<script>
$("button").click(function () {
$(".p1").slideToggle("fast");
$(".p2").slideToggle("fast");
});
</script>
</body>
</html>
e vorrei che all'inizio sia visualizzato solo il primo
e quando clicco sul bottone sia visualizzato il secondo ma il primo si nasconde,e quando riclicco si nasconde il secondo e si rimostra il primo,come posso fare? non sono esperto di javascript o jquery :/ spero nel vostro aiuto