Rozwijane FAQ nie działa prawidłowo

Chcę zrobić rozwijane FAQ lecz nie działa mi tak jak ma. Nie rozwija się tekst.

Kod:

<script>
        $(document).ready(function(){
            $("#r1").click(function(){
                $("#bz").slideToggle("slow");
            });
        });
   
</script>

<li><a href="#r1">Tab1</a></li>, 
<div id="bz">ddd</div>

#bz{display:none;}

Dlaczego się nic nie rozsuwa? Może mi ktoś poprawić? Pinie tego potrzebuję.

Uzywasz selectora po id (#r1), a twoj link nie ma ustawionego id.

zmien

<li><a href="#r1">Tab1</a></li>

na

<li><a id="r1" href="#r1">Tab1</a></li>

dodanie znaczników <code class="html"> - @furious programming