Почему только один абзац скрывает и показывает, а не все?
У меня есть HTML-сайт, над которым я работаю, и я использую jQuery в определенной части. Я создал функцию скрыть и показать, но могу получить только первый абзац, чтобы скрыть и показать, а не все одновременно. Я что-то пропустил в коде jQuery или HTML-коде?
Вот HTML-код:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Path of Light Yoga Studio :: Classes</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="yoga.js"></script>
</head>
<body>
<div id="wrapper">
<header><h1>Path of Light Yoga Studio</h1></header>
<p></p>
<a href="index.html">Home</a>
<a href="Classes.html">Classes</a>
<a href="Schedule.html">Schedule</a>
<a href="Contact.html">Contact</a>
<a href="Store.html">Store</a>
<p></p>
<p></p><div id="hero"></div><p></p>
<br>
<button id="hide">Hide</button>
<button id="show">Show</button>
<h2>Yoga Classes</h2>
<br>
<dl>
<dt>Gentle Hatha Yoga</dt>
<dd><div id="p">Intended for beginners and anyone wishing a grounded foundation in the practice of yoga,
this 60 minute class of poses and slow movement focuses on asana(proper alignment and posture),
pranayama (breath work), and guided meditation to foster your mind and body connection.<p></p></div></dd>
<br>
<dt>Vinyasa Yoga</dt>
<dd><div id="p">Although designed for intermediate to advanced students, geginners are welcome to sampe this 60 minute class
that focuses on breath-synchronized movement -- you will inhale and exhale as you flow energetically through
yoga poses.<p></p></div></dd>
<br>
<dt>Restorative Yoga</dt>
<dd><div id="p">This 90 minute class features very slow movement and long poses that are supported by a chair or wall. This calming,
restorative experience is suitable for students of any level of experience.
This practice can be a perfect way to help rehabilitate an injury.<p></p></div></dd>
</dl>
Copyright 2016 © Path of Light Yoga<br>
<a>khopkin5@my.westga.edu</a>
</div>
</body> Вот мой код jQuery:
$(document).ready(function(){
$("#hide").click(function(){
$("#p").hide();
});
$("#show").click(function(){
$("#p").show();
});
});
Please Help!
Что я уже пробовал:
Я пробовал различные функции jQuery и функцию переключения. Я знаю, что функция переключения больше не работает.