在 VuePress 中，你可以使用以下方法展开和收起代码：

1. 在你的 VuePress 项目中，找到或创建一个名为 .vuepress 的文件夹。
2. 在 .vuepress 文件夹中，创建一个名为 config.js 的文件。
3. 在 config.js 文件中，添加以下代码：

module.exports = {
  themeConfig: {
    nav: [
      { text: '首页', link: '/' },
      { text: '文档', link: '/docs/' },
      { text: '示例', link: '/example/' },
    ],
  },
};

4. 在你的 VuePress 页面中，使用以下语法插入代码块：

<pre>

// 这里是你的代码
console.log('Hello, VuePress!');

</pre>

这样，当你点击代码块时，它将展开显示代码；再次点击时，它将收起。