In the script below, when I replace the line break tag with a paragraph tag in front of the anchor, the 'shrink' jQuery function doesn't work - the table is always displayed and doesn't shrink when I click the label.

This is true whether or not I apply the closing paragraph tag.

EG: In the example below, panel one (with the line break tag) will toggle, but panel two (with the paragraph tag) will be static.

```
<html>
<head>
<meta charset="utf-8"/>
<title>tryShrink</title>
<script src="jquery-3.2.1.min.js"></script>
</head>

<body>
tryShrink
<br><a href="#" class="Shrink">panel one</a>
<ul>
<li>line1
<li>line2
<li>line3
</ul>

<p><a href="#" class="Shrink">panel two</a>
<ul>
<li>line4
<li>line5
<li>line6
</ul>

<script>
jQuery(document).ready(function(){
    $('.Shrink').click(function() {
        $(this).next().toggle();
        return false;
    }).next().hide();
});
</script>
</body>
</html>

```

Of course, I could always use 2 line breaks instead of a paragraph, but I'd like to understand why an innocuous tag can break jQuery.