после открытия элемент сворачивания не закрывается при нажатии - PullRequest
Новая
       14

после открытия элемент сворачивания не закрывается при нажатии

0 голосов
/ 03 октября 2019

Я использую загрузчик 4, чтобы свернуть некоторые данные внутри карты, проблема в том, что, как только я щелкаю ссылку, чтобы показать свернутые элементы, она больше не закрывается.

где ошибка? 

<h5 class="card-header">
                            <a class="collapsed d-block" data-toggle="collapse" href="#table-collapsed{{obj.0}}" aria-expanded="true" aria-controls="collapse-collapsed" id="heading-collapsed">
                                <i class="fa fa-chevron-down pull-right"></i>
                                 Details

 <div id="table-collapsed{{obj.0}}" class="collapse" aria-labelledby="heading-collapsed">
                            <table class="card-body table-sm table table-hover text-right">
                                <tbody>
                                    <tr>
                                        <td>NICKNAME</td>
                                        <td>{{ obj.4 }}</td>
                                    </tr> 
                                    <tr>
                                        <td>DOB</td>
                                        <td>{{ obj.5 }}</td>
                                    </tr> 
                                </tbody>
                            </table>
                        </div>

1 Ответ

1 голос
/ 03 октября 2019

Попробуйте этот код 

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>

  <div class="card-header">
        <a class="collapsed d-block" data-toggle="collapse" href="#table-collapsed" aria-expanded="true"
          aria-controls="collapse-collapsed" id="heading-collapsed">
          <i class="fa fa-chevron-down pull-right"></i>
          Details
        </a>
      </div>
    
      <div id="table-collapsed" class="collapse" aria-labelledby="heading-collapsed">
        <table class="card-body table-sm table table-hover text-right">
          <tbody>
            <tr>
              <td>NICKNAME</td>
              <td>data1</td>
            </tr>
            <tr>
              <td>DOB</td>
              <td>data 2</td>
            </tr>
          </tbody>
        </table>
      </div>
...