Как сделать так, чтобы Bootstrap Collapse скрывал содержимое на первых порах?

Question

У меня возникла проблема с тем, чтобы Bootstrap Collapse сначала скрывал содержимое? Теперь моя кодировка будет напрямую показывать заголовок и содержание, я хочу сначала показать заголовок.

Ниже моя кодировка:

   <div class="row">
    <div class="col-md-12">
      <div class="box box-success box-solid">
        <div class="box-header with-border">
          <h3 class="box-title">Expandable</h3>

           <div class="box-tools pull-right">
           <button type="button" class="btn btn-default btn-xs collapse-box" data-widget="collapse"> 
     <i class="fa fa-minus"></i>
            </button>
          </div>
          <!-- /.box-tools -->
        </div>
        <!-- /.box-header -->
       <div id="collapse4" class="body collapse in" style="overflow: auto;" aria-expanded="true">
         A cryptocurrency (or crypto currency) is a digital asset designed to work as a medium of exchange that uses strong cryptography to secure financial transactions, control the creation of additional units, and verify the transfer of assets.
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
    <!-- /.col -->

    <!-- /.col -->

    <!-- /.col -->

    <!-- /.col -->
  </div>

Вывод показывается, как показано ниже:

На самом деле я хочу показать содержимое вывода, как показано на картинке ниже, когда я нажимаю кнопку «плюс», то отображается содержимое:

Кто-нибудь может подсказать мне, в какой части я ошибаюсь? Спасибо.

Правильный ответ:

Answer 1

Измените свой код следующим образом: -

<button type="button" class="btn btn-default btn-xs collapse-box" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"><i class="fa fa-minus"></i></button>

 <div id="collapseExample" class="collapse" style="overflow: auto;">
         A cryptocurrency (or crypto currency) is a digital asset designed to work as a medium of exchange that uses strong cryptography to secure financial transactions, control the creation of additional units, and verify the transfer of assets.
        </div>

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