jQuery切换然后出现然后隐藏

Question

当我点击元素时，div出现。但直接之后它再次隐藏起来。 我希望有人可以帮助我，因为我坚持这件事。

jQuery代码：

$('ul.accordion > div.tcontent').hide();
$('ul.accordion > li > div.parent').click(function() {
              $(this).next('div.tcontent').toggle('fast') ;
        });

HTML代码：

<ul class="accordion" id="1">
    <li>
        <div class="parent first">
            <h6>Title here</h6>
        </div>
        <div class="tcontent">
          <p>blablabla</p>
        </div>
    </li>

感谢您的帮助！