jsでアコーディオンするときのはまりポイント

HTMLJava-scriptアニメーション

<script>
function accordionOpen(obj) {
    obj.onclick = new Function('accordionClose(this)');
    obj.style.overflow = 'visible';
    var h = obj.nextSibling.firstElementChild.clientHeight + 'px';
  setTimeout(function(){
    obj.style.overflow = 'hidden';
    obj.className = 'accordion-open';
    obj.nextSibling.style.height = h;
    },100);
};
function accordionClose(obj){
    obj.onclick = new Function('accordionOpen(this)');
    obj.className = 'accordion-close';
    obj.nextSibling.style.height = 0;
};
</script>

<div class="accordions comment-container">
	<a class="accordion-close" onClick="accordionOpen(this)">コメント</a><div class="comment-content">

		<div id="comments" class="comments-area">
			<p>コメントの処理</p>
		</div>
	</div>
</div>

「コメント</a><div ~」のところで改行を入れると動作しない。

jsは全然わからないので、はまってもなかなか気づかなかった。