Si può fare questa cosa qui.. :P ( this > p )

otto9due

Utente Attivo
22 Feb 2014
529
21
28
Non so se si può fare una cosa del genere (this > p) volendo l'effetto sui paragrafi contenuti all'interno del div selezionato.
Codice:
<meta charset="utf-8">
<title>Documento senza titolo</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
        $(document).ready(function(){
            $("div.service").click(function(){
                $(this > p).toggle("slow");
            });
          });
</script>
</head>

<body>
<div class="col-md-12 col-sm-12 col-xs-12">
    I Servizi offerti dalla singola struttura per gli ospiti che ne vorranno usufruire. ecc.. continuiamo con il testo prova..è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione.
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12">
    <div class="fix-space-service service"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br>
    <p style="display:none;"><strong>Lorem Ipsum</strong> è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
    <div class="fix-space-service service"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br>
    <p style="display:none;"><strong>Lorem Ipsum</strong> è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
    <div class="fix-space-service service"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br>
    <p style="display:none;"><strong>Lorem Ipsum</strong> è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
</div>

</body>
</html>
Perchè non mi funziona proprio?? :mad:
Sto cercando di fare amicizia con jquery ma ogni volta che uno script mi sembra perfetto matematicamente non funziona! :(
 
Ultima modifica:

otto9due

Utente Attivo
22 Feb 2014
529
21
28
Allora così funziona, ma non capisco perchè con quello di prima non va.. Dovrebbe andare pure..
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
         $(document).ready(function(){
            $("div.service-slide").click(function(){
                 $(this).children("p.service-slide").toggle("slow");
            });
           });
</script>
</head>

<body>
<div class="col-md-12 col-sm-12 col-xs-12">
    I Servizi offerti dalla singola struttura per gli ospiti che ne vorranno usufruire. ecc.. continuiamo con il testo prova..è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione.
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12">
    <div class="fix-space-service service-slide"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br>
    <p class="service-slide" style="display:none;"><strong>Lorem Ipsum</strong> è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
    <div class="fix-space-service service-slide"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br>
    <p class="service-slide" style="display:none;"><strong>Lorem Ipsum</strong> è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
    <div class="fix-space-service service-slide"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br>
    <p class="service-slide" style="display:none;"><strong>Lorem Ipsum</strong> è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
</div>

<div class="col-md-6 col-sm-12 col-xs-12">
<div class="fix-space-service"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br></div>
<div class="fix-space-service"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br></div>
<div class="fix-space-service"><span class="icon-services"><i class="fa fa-bed" aria-hidden="true"></i></span> Test<br></div>
</div>

</body>
</html>