jquery 펼침 닫힘 테이블 조언 부탁드립니다.

안녕하세요!

일전에 질문한번드렸는데 정리해서 다시한번 질문드려요

참고로 jquery는 이번에 처음사용해보고요...구글과 씨름하면서..

((  제가 하고 싶은건...회원리스트들을 가져와서 그 회원의 아이디를 클릭하면 그 회원을 추천한 사람들의 리스트가 펼쳐지고 그 펼쳐진 리스트에서 또 추천한 사람들의 리스트가 펼쳐지게끔..))

=======

가나다 20 서울

라마바 21 수원

   사아자 22 대구

      차카타 23 부산

  파하가 24 광주

========

이런식으로 유동성 있게 만들려고 하거든요...

구글링 예제는 거의 고정식이라서 적용을 못하겠던데

제가 지금 까지 만든거는

--------------

for(회원)

tr

 td 

tr

----------------

일케 회원리스트 들을 일단 뿌려주고

 $(document).ready(function(){

  $("table#childlist").on("click", "tr", function(){

제이쿼리 써서 해당 회원의 아이디를 ajax로 추천인 쿼리 돌려서 json으로 받아와서

after 로 tr td 를 그려서 넣어줬는데요 

이게 하드코딩인지는 몰겠지만...일단 기능은 되요 펼치는건

저를 추천한 사람들 리스트 펼처지고 

그 밑에 사람들을 추천한 사람이 잇으면 클릭하면 또 펼쳐지고

----------------------------------------------

여기서 막히는게

================

중요 중요

====================

제 밑에 추천인을 1차라고 한다면

1차 리스트 클릭했을때 2차 리스트 나오는데

3차 4차 도 있겠죠..

1차 리스트에서 또 다른회원 클릭하면 또 나올테구요

근데 상위 리스트를 클릭해서 닫으면 

remove를 쓰면 닫혀지자나요

근데 그 하위에 또 열어 버린 리스트는 적용이 안되는데

이걸 어케 처리를 해야 할까요?

이해가 가셨나요? ㅠ

위에 보시면 라마바가 1차 회원리스트

사아자가 2차 회원 리스트

차카타가 3차 회원 리스트 인데

라마바를 누르면 사아자는 remove로 지우면 되는데

차카타를 지우는 법을 모르겠네요

연결 고리를 만들어서 지워야 할텐데....

혹시 아시는거 있으시면 조금만이라도 팁주시면 제가 찾아보면서 공부하면서..해볼께용 ㅠㅠ