Ukrywanie i pokazywanie napisu po kliknięciu w Jquery

pytanie zadane 29 marca 2016 w JavaScript przez Krutek Początkujący (330 p.)

Robię zadania i mam taki problem że pierwszy skrypt działa to znaczy klikam na napis(płyta główna) i pojawia się pod nim napis.
Problem jest gdy dodaje drugie takie słowo po którym kliknięciu ma pojawić się kolejny napis- nie działa nie zależnie co i gdzie bym zmienił, wcześniejszy napis(płyta główna) działa mimo dodania skryptu drugiego.

Skrypt wygląda tak

<!DOCTYPE HTML> <html>
<head>
<title>Komputery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="new.js"></script>
</head>
<body>
<p id="bibl">Płyta główna</p>
<div id="bibl_info" style="display:none;">
Płyta główna (ang. motherboard, mainboard) – obwód drukowany urządzenia elektronicznego, na którym montuje się najważniejsze elementy, umożliwiając komunikację wszystkim pozostałym komponentom i modułom.
</div>
<p id="bibl1">Procesor</p>
<div id="bibl_info1" style="display:none;">
Procesor (ang. processor), także CPU (ang. Central Processing Unit), GPU (ang. Graphics Processing Unit) – sekwencyjne urządzenie cyfrowe, które pobiera dane z pamięci, interpretuje je i wykonuje jako rozkazy.
</div>

</body>
</html>

Natomiast kod jquery tak

$(document).ready(function()
{
$('#bibl').click(function(){
$('#bibl_info').toggle();
});

$('#bibl1').click(function(){
$('#bibl_info1').toggle();
});
});

Jeżeli ktoś znajdzie mój błąd tu to poproszę o bardzo proste wytłumaczenie(prostym językiem).

Dziękuję