Hi, I'm trying to show a ul when a h3 is clicked, below is the code I have, hope someone can help:

<div class="footer-menus">
   <div id="footer1">
      <h3></h3>
      <ul>
        <li></li>
      </ul>
   </div>
   <div id="footer2">
      <h3></h3>
      <ul>
        <li></li>
      </ul>
   </div>

   <div id="footer3">
      <h3></h3>
      <ul>
        <li></li>
      </ul>
   </div>

</div>

<script type="text/javascript">
      $(document).ready(function() {
	$('.footer-menus h3').click(function() {        
   	 $(this).siblings('ul').toggle('show');
	});
    });
</script>