通过按钮进行引导可在整个行中“折叠”

Question

我无法设置折叠的整行的切换（应关闭另一行）。

按钮不能与内容位于同一行。我在做什么错了？

这是“面板版本，因为我认为只有HTML才有可能。”

我也尝试了JQuery，也没有成功。

https://jsfiddle.net/ljubacanoa/x67a0vsm/5/

const wrapper = {
  fibonacci: (n) => {
    if (n < 0) throw new Error('must be 0 or greater');
    if (n === 0) return 0;
    if (n === 1) return 1;
    // call fibonacci using the wrapper
    return wrapper.fibonacci(n - 1) + wrapper.fibonacci(n - 2);
  }
};

describe('fibonacci', () => {
  it('should calculate Fibonacci numbers', () => {
    expect(wrapper.fibonacci(5)).toBe(5);
    expect(wrapper.fibonacci(10)).toBe(55);
    expect(wrapper.fibonacci(15)).toBe(610);
  });
  it('should call itself recursively', () => {
    const spy = sinon.spy(wrapper, 'fibonacci');
    spy(10);
    expect(spy.callCount).toBe(177); // PASSES
    spy.restore();
  });
});

.first,
.second {
  padding: 20px;
}