salve a tutti ragazzi.
torno dopo tanto su questo forum con un quesito
CODICE HTML
codice:
<div class="titolo linkslide" id="works"><h1 class="grande">WORKS </h1></div>
<div class="slide"> </div>
<div class="spaziatore"></div>
CSS
codice:
.titolo
{
width:78%;
height:80px;
border-bottom:6px solid black;
display:block;
float:left;
cursor:pointer;
}
.spaziatore
{
padding-bottom:400px;
background-color:#F00;
float:left;
width:100%;
display:block;
}
.nascondi
{
display:none;
}
.slide {
width:67%;
padding:1% 1% 1% 30%;
float:left;
codice:
<script type="text/javascript">
$(document).ready(function(){
//hide the all of the element with class msg_body
$(".slide").hide();
//toggle the componenet with class msg_body
$(".linkslide").click(function(){
$(this).next(".slide").slideToggle(250);
$("(this:gt(2)").toggleClass('prova');
});
});
</script>
questa serie di DIV si ripete per le varie voci che compongono il menù, vorrei tramite jquery selezionare il div con class .spaziatore interessato dal click per attribuirgli una classe, ma non ci riesco, qualcuno sa dirmi il perchè?
grazie
Stefano