Comment masquer le texte commutable par défaut avec JQuery [duplicate]

Question

Je suis nouveau dans l'utilisation de Jquery et j'ai besoin de masquer un exemple de texte par défaut. L'idée est qu'un utilisateur peut cliquer sur une lecture comme indiqué ci-dessous et une brève description de la lecture apparaîtra. En cliquant à nouveau sur le titre de la pièce, le texte disparaîtrait. À l'heure actuelle, le texte s'affiche par défaut. J'ai besoin qu'il soit masqué pour démarrer et n'apparaisse que lorsque le nom du jeu est cliqué. Le site Web ressemble actuellement à ceci

Code HTML utilisé:

                            <h3>Tragedies:</h3>
                            <br>
                        </div>
                        
                            <div class="play">
                                <h5 class="rnj">Romeo and Juliet -- Saturday June 4th at 7PM</h5>
                                <p class="rnj"><br>test text</p>
                            </div>

                            <div class="line">
                                <br><hr><br>
                            </div>

                            <div class="play">
                                <h5 class="ham">Hamlet -- Saturday June 11th at 7:30PM</h5>
                                <p class="ham"><br>test text</p>
                            </div>

                            <div class="line">
                                <br><hr><br>
                            </div>

(Ce n'est pas tout, mais ça fait passer le message, je pense).

JQuery actuellement utilisé:

    $("h5.rnj").click(function() { $("p.rnj").toggle();
        
    });
});

$(document).ready(function() { $("h5.ham").click(function() {
        $("p.ham").toggle();
        
    });
});

Answer 1

Cachez les paragraphes avec CSS:

p{
    display: none;
}