Древовидное представление перемещается влево при нажатии на ссылку

Question

Недавно я получил этот код:

<script>
  $(document).ready(function(){
   // your on click function here
   $('a').click(function(){
     $('#content').load($(this).attr('href'));
     return false;
   });
  });
</script>

, чтобы я мог поместить ссылку href в div, и это сработало. Дело в том, что после того, как я поместил этот код, когда я щелкнул ссылку для загрузки href, по какой-то причине мой древовидный список:

 <div class="bg-light border-right" id="sidebar-wrapper"> 
      <div class="list-group list-group-flush">
        <ul id="tree3" class="list-group-item list-group-item-action bg-light">          
            <li><a>LINK DROPDOWN▼</a>
                <ul>
                    <li><a href="FILE">LINK</a></li>
                    <li><a>LINK▼ DROPDOWN</a>
                        <ul>
                            <li><a href="FILE">LINK</a></li>
                            <li><a href="FILE">LINK</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
      </div>
 </div>

Он начинает двигаться влево каждый раз, когда я нажимаю на ссылку.