Need help with my slidetoggle function

Need help with my slidetoggle function

I currently have a slidetoggle function which is working great!  What my next goal is, is to create a link inside the div that i'm slide toggling, that will close the parent div that it is in.

Here my code so far...

  2. /*JQ - EXPAND PANELS ON CLICK*/
  3. $('#panels .expand').click(function(e){
  4. e.preventDefault();
  5. var mclass=$(this).attr('class').split(' ')[1];
  6. var $mcontent = $("#" + mclass);
  8. $mcontent.slideToggle('slow', function(){
  9. mthis = $(this);
  10. if (mthis.is(':hidden')) {
  11. mthis.prev().css({'background-image':'url("images/arrow-down.png")'});
  12. }
  13. else {
  14. mthis.prev().css({'background-image':'url("images/arrow-up.png")'});

  16. var menulink = $(this).children().children().next().next('a:last').attr('class');
  17. //console.log('where am i? '+ menulink);
  18. $('.'+ menulink).click(function(e) {
  19. e.preventDefault();
  20. $mcontent.toggle();
  21. mthis.prev().css({'background-image':'url("images/arrow-down.png")'});
  22. });
  24. }
  25. });
  26. });

If you look at lines 16 - 20, you will see that I'm trying to click on an internal link to have the same effect as $mcontent on line 8 - basically to slidetoggle where I am at.  But it's acting buggy when I click that link (the link associated to lines 16 - 20 in code), (sometimes it closes the div, other times it doesn't).

How can I fix this so that a children() anchor link can bind to the slidetoggle parent function()?
So matter if I am clicking on  $('#panels .expand')   or the internal anchor link, it will slidetoggle the entire function properly.

Thanks!


*Break through the ice and never look back*