Using jQuery UI toggle expanding/hiding nested divs

Using jQuery UI toggle expanding/hiding nested divs

    I have a recursive function that renders divs as shown below. I have been researching and have not found a good way to accomplish the toggle method.  I would like to be able to have the click method fire on only a single element.  IE: Only fire when i click on Administration, not when i click on anything within administration.  Then at this point all i am really trying to do is click on a level 1, fire the toggle method to just show/hide whats nested inside that element.  I would love to be able to do the same for .lvl2, and lvl3

    Any ideas on the proper selector for click and the proper way to only select immediate (first level nested) elements, but not their children would be great.  Thanks!  PS, willing to change how my HTML is rendered if it can accomplish this easier.

    2. <div class="DeptWrapper">Departments
    3. <div class="lvl1">Administration
    4. <div class="lvl2">Accounting Division
    5. </div>
    6. <div class="lvl2">Administration Services
    7. </div>
    8. <div class="lvl2">Budget Division
    9. </div>
    10. <div class="lvl2">Collections Division
    11. </div>
    12. <div class="lvl2">Human Resources Division
    13. </div>
    14. <div class="lvl2">Information Technology Division
    15. </div>
    16. <div class="lvl2">Purchasing Division
    17. </div>
    18. <div class="lvl2">Records Management Division
    19. <div class="lvl3">Imaging
    20. </div>
    21. <div class="lvl3">Record Transmittals
    22. </div>
    23. <div class="lvl3">RM Mail Division
    24. </div>
    25. </div>
    26. <div class="lvl2">Risk Management Division
    27. </div>
    28. <div class="lvl2">Tax Listing
    29. </div>
    30. </div>
    31. <div class="lvl1">Circuit Court
    32. <div class="lvl2">Civil Court
    33. </div>
    34. <div class="lvl2">Clerk of Circuit Court
    35. </div>
    36. <div class="lvl2">Court Officials
    37. </div>
    38. <div class="lvl2">Criminal ＆ Traffic Court
    39. </div>
    40. <div class="lvl2">Family Court
    41. </div>
    42. <div class="lvl2">Jury Services
    43. </div>
    44. <div class="lvl2">Juvenile Court
    45. </div>
    46. <div class="lvl2">Probate Court
    47. </div>
    48. </div>
    49. </div>