jquery-ui - jquery の折りたたみで 2 つのグラフを表示すると、highcharts の動作がおかしくなる

Question

このリンクをたどってjQueryUIの崩壊のような効果を達成しましたが、任意の数の領域を展開できました。

次に、highcharts を使用して、2 つの領域で 2 つのグラフをレンダリングしました。しかし、最初のグラフは正しく表示できませんでしたが、2 番目のグラフのみが正しく表示されました。最初のチャートがレンダリングされる領域の幅と高さを設定しましたが、同じになりました。

2 つのチャートを別々にレンダリングするように制御する 2 つの JavaScript 関数を作成しました。2 番目のチャートをレンダリングした 2 番目の関数をコメント アウトすると、最初のチャートが正しく表示されるというのは奇妙なことです。

問題を解決するためのヒントを教えてください。

html ファイルは次のようになります。

<div id="notaccordion">
<h3>first chart<h3>
<div id="firstchart"></div>
<h3>second chart</h3>
<div id="secondchart"></div>
</div>

次のような2つのJavaScript関数：

function render_one() {
   ...
   // set the variable 'renderTo' to "firstchart"
   ...
}

function render_two() {
   ...
   // set the variable 'renderTo' to "secondchart"
   ...
}