只打开一次手风琴，但每次在jquery中单击按钮时仍会调用onclick

Question

我正在使用jQuery手风琴动画：

$('.accordion').click(function() {
       $(this).next().toggle("fold", 1000);
       return false;
  }).next().hide();

以及用于扩展以下div的按钮：

<button class="accordion" onclick="my_method()">EXPAND</button>
    <div  class="panel">
        ...contents to expand here
    </div>

这很好。 但是我只想让手风琴打开一次（除非明显刷新了页面），尽管每次单击按钮时onclick事件都应该调用该方法。

Answer 1

您可以使用one（）方法。

$('.accordion').one('click', function() {
  $(this).next().toggle("fold", 1000);
  return false;
}).next().hide();

CODEPEN