Я пытаюсь научиться создавать боковую панель.
Я получаю нежелательную прямоугольную область под пунктом 3, когда она расширяется.
Я хочу избавиться от этой пустой прямоугольной области.
Я не добавил никаких дополнений в код, CSS не существует.Я пытался выполнить проверку браузера, но не смог ее исправить.
Я хочу удалить эту пустую прямоугольную область.
Спасибо.
Код здесь (также указано в ссылке ниже):
<div class="list-group">
<a href="#" class="list-group-item list-group-item-success">
Item 1</a>
<a ref="#" class="list-group-item list-group-item-success">
Item 2</a>
<a href="#IDp_3" class="list-group-item list-group-item-success"
data-toggle="collapse"
onclick=" $('#PM0001').toggleClass('fa-minus-square fa-plus-square')">
<i class="fas fa fa-plus-square" id="PM0001" ></i>
Item 3
<div class="collapse" id="IDp_3">
<a href="" class="list-group-item">
-3.1</a>
<a href="" class="list-group-item">
-3.2</a>
<a href="" class="list-group-item">
-3.3</a>
</div?
<div>
</div>
JS Fiddle код с проблемой.
![enter image description here](https://i.stack.imgur.com/7aAsS.jpg)