Topic: Disable accordion expanded animation

bitjuice pro asked 4 years ago


I have a <mdb-tabset> and in the first <mdb-tab> I have a <div> in witch I display a single item accordion, based on step variable value.

Code is like this one:

<div *ngIf="activeStep==1">
<mdb-accordion [multiple]="false">
.... // only one item
 <div *ngIf="activeStep==2">
<mdb-accordion [multiple]="false">
.... // only one item
 <div *ngIf="activeStep==3">
<mdb-accordion [multiple]="false">
.... // only one item

When I go from a step to next one, the accordion of the current step is expanded with animation. I want to remove this animation. In others words, I want that when I go to the new current step, accordion body is already expanded.

How I can do this?



Konrad Stępień staff commented 4 years ago

I can't reproduce this issue. Could you make me a simple project?

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.3.0
  • Device: PC
  • Browser: Chorme
  • OS: Windows 10
  • Provided sample code: Yes
  • Provided link: No