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>
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Contratto TIM e continue rimodulazioni, cosa si può fare? Leggi, Normative e Fisco 3
D [ASP] si può fare? Classic ASP 29
R Può secondo voi un sito essere nella seconda pagina e non fare traffico? SEO e Posizionamento 3
F Animazione jQuery scroll - ancore, si può fare? Javascript 1
max_400 blog con session si può fare? PHP 10
D Chi mi può aiutare nel fare 1 classifica? PHP 1
S Si può fare?!?!?! Javascript 2
A form da compilare offline con salvataggio su txt...si può fare? Javascript 1
G Actionscript in Flash MX Pro... se ne può fare a meno? Flash 5
zmassimo Qualcuno può fare qualcosa ? Discussioni Varie 0
L Ma davvero un libro antico mi può fare diventare ricco ? Presenta il tuo Sito 0
S Il mio webmaster vuole cancellarmi il sito: può farlo? Leggi, Normative e Fisco 6
A Può wordpress integrarsi con dreamweaver?? WordPress 7
Shyson [Javascript] Nascondere avviso se utente può registrarsi Javascript 0
R Cerco chi mi può pubblicare la mia app Offerte e Richieste di Lavoro e/o Collaborazione 2
Morganot37 Photoshop CC non può aprire l'immagine Webdesign e Grafica 5
P [HTML] scrivere il titolo di una pagina nella pagina stessa, si può? HTML e CSS 3
Brizzio Si può riaccendere un Galaxy dopo aver wippato tutto? Sviluppo app per Android 0
Z Si può respingere un bonifico al mittente? Leggi, Normative e Fisco 5
P problema da risolvere se si può PHP 1
Shyson mysql int (11) quanti caratteri può ricevere? PHP 1
F Ogni tabella quanti dati(dimensione) può contenere? MySQL 3
G qualcuno cortesemente può aiutarmi? PHP 0
F mettere online foto di persone, si può? Leggi, Normative e Fisco 2
T [risolto] Conversione comandi da javascript a jquery. Chi può aiutarmi? Javascript 4
denisgligor ciao, vorrei creare una pagina personale per ogni utente con un dominio di terzo livello... si può ? PHP 0
T creare una serie di combobox e text box e che salvano un file di text sul disco si può ? Visual Basic 1
P Risoluzione del sito si può adattare? HTML e CSS 0
R cosa NON si può modificare in IOS? Sviluppo app per iOS 1
V perchè una somma può non funzionare? PHP 4
P ogni vista deve avere un ViewController.h o può utilizzare sempre lo stesso? Sviluppo app per iOS 0
Jonn Redirect Doppio (si può chiamare così?) PHP 3
Task Mc Dove sbaglio? qualcuno mi può aiutare? Classic ASP 2
Jonn Valore sito web Joomla, quanto può costare? Joomla 2
A Qualcuno può dirmi i codicI di questI esercizi???? PHP 4
G Qualcuno mi può spiegare? PHP 1
D Come un utente può scaricare un immagine presente in un db PHP 3
V si può richiamare una script jquery in automatico? jQuery 1
borgo italia può interessare gli informatici Discussioni Varie 0
M Frame noresize [Era: Frame non che non si può ridimensionare] HTML e CSS 1
H Qualcuno mi può indicare programmi facili per realizzare siti web facilmente HTML e CSS 14
Monital Funzione CONCAT si può usare LIKE? PHP 5
J Qualcuno Può AIUTARMI Ajax 0
M Nuovo dominio verso sottocartella: si può? Domini 0
F si può interrogare una blacklist con php? PHP 5
P [Hosting] più domini sullo stesso spazio web: si può? Hosting 1
borgo italia può essere rischioso.... Discussioni Varie 4
S Apertura popup da form che non si può toccare Javascript 1
D query di selezione con access [era:Chi mi può aiutare con Access?] MS Access 1
L Aruba mi fa pagare un sito e poi non me lo da.Si può?? Hosting 5

Discussioni simili