你可以使用Angular Material的扩展面板（Expansion Panel）组件，结合按钮点击事件来实现仅在按钮点击时展开的效果。

首先，需要安装和引入Angular Material和相关的依赖：

npm install --save @angular/material @angular/cdk @angular/animations

接下来，在你的Angular模块中导入所需的Angular Material模块：

import { MatExpansionModule } from '@angular/material/expansion';
import { MatButtonModule } from '@angular/material/button';

@NgModule({
  imports: [
    MatExpansionModule,
    MatButtonModule
  ]
})
export class YourModule { }

然后，在你的组件模板中，使用MatExpansionPanel和MatExpansionPanelHeader组件来创建扩展面板，并在按钮上绑定点击事件：

  
    
      扩展面板标题
    
  
  
扩展面板内容


展开面板

最后，在你的组件类中，实现按钮点击事件的处理逻辑，通过获取扩展面板的引用来控制面板的展开状态：

import { Component, ViewChild } from '@angular/core';
import { MatExpansionPanel } from '@angular/material/expansion';

@Component({
  selector: 'your-component',
  templateUrl: 'your.component.html',
  styleUrls: ['your.component.css']
})
export class YourComponent {
  @ViewChild(MatExpansionPanel) panel: MatExpansionPanel;

  expandPanel() {
    this.panel.open();
  }
}

这样，当按钮被点击时，扩展面板将展开。