Я хочу избавиться от лишнего места в списке группы - PullRequest
0 голосов
/ 15 октября 2018

Я пытаюсь научиться создавать боковую панель.

Я получаю нежелательную прямоугольную область под пунктом 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

Ответы [ 2 ]

0 голосов
/ 15 октября 2018

потому что вы не закрыли свой третий якорь.

Код: закрывающий тег отсутствует.

  <a href="#p_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
0 голосов
/ 15 октября 2018

Закрыть якорь после элемента 3

<a href="#p_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
                        </a>

Скрипка: https://jsfiddle.net/5vfxpt6b/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...