The collapse is good, but i need what the Text of the collapse change when i do other click return the text that had initially , please friends helpme !
<html>
<title>Collapse jQuery</title>
<head>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<style type="text/css">
.header{
margin: 1px;
color: #fff;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color:#36C;
}
.contenido {
padding: 5px 10px;
background-color:#fafafa;
}
p { padding: 5px 0; }
</style>
<script type="text/javascript">
$(document).ready(function(e){
$(".contenido").hide();
$(".header").click(function(){
$(this).next(".contenido").slideToggle(500);
})
});
</script>
</head>
<body>
<div class="intinerario">
<p align="center" class="header">Intinerario<strong> DETAILS | HIDE</strong></p>
<div class="contenido">
Content ...
Content ...
Content ...
Content ...
Content ...
</div>
</div>
</body>
</html>