UL lijst uitklap

by Jasper Stevens

HTML

<div class="test">
 <p>Group 1</p>
  <ul>
    <li>
        <a href='#'>Patent 1</a>
    </li>
    <li>
        <a href='#'>Patent 2</a>
    </li>
  </ul>
 <p>Group 2</p>
  <ul>
    <li>
        <a href='#'>Patent 1</a>
    </li>
    <li>
        <a href='#'>Patent 2</a>
    </li>
  </ul>
</div>

CSS

.test p {
    cursor:pointer;
    margin:0;
}
ul {
    display:none;
}

JavaScript

$(document).ready(function(){
    $('.test p').click(function() {
        $(this).closest('.test p').next("ul").slideToggle("slow");
    });
});