Light
Dark
System
Ask  Question

Collapse/expand divs does not work

Div elements that should collapse and expand do not seem to work properly. I have also checked the latest version of Demo, same problem. Here is an example of such element (from demo 1) that should collapse and expand.

<div class="collapse show"></div>




Any suggestions on how to get these working?
O
Oskars 11 months ago
HTML Angular Metronic
3 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

O
Oskars 11 months ago
Deleted comment
O
Oskars 11 months ago
Cannot edit the comment as well because page throws some errors.. Previously, while posting the comment here, it removed the ID from child divHere are code samples:Parent div - card header
<div class="card-header border-0" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_email_preferences" aria-expanded="true" aria-controls="kt_account_email_preferences"> </div>

Child div - card body
<div class="collapse show">

Here are code samples:Parent div - card header
<div class="card-header border-0" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_email_preferences" aria-expanded="true" aria-controls="kt_account_email_preferences"> </div>

Child div - card body
<div class="collapse show"> </div>

O
Oskars 11 months ago
Cannot edit the post because page throws some errors..
O
Oskars 11 months ago
Deleted comment
user
Carmelo D 11 months ago
Hi,

I think this 'expand' logic should be written in Angular (it works in the HTML version cause it's using Boostrap lib scripts for it). We don't use js files from Bootstrap at all.

You can use https://ng-bootstrap.github.io/#/components/collapse/examples instead.

Regards,
Keenthemes support
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle