アコーディオンがうまく開かない

WordpressのHTMLモジュールを使って、アコーディオンを作りました。Beaver Builderプラグインを使っています。

問題は、スマホ版、タブレット版だときちんと機能するのですが、PC版だとアコーディオンが開かないということです。なので、おそらくコードは合っていると思います。

他の要素と干渉してしまって開かないことはありますか？もしくはBlock要素、inline要素のようなdisplayの問題でしょうか？　また、ウェブ開発ツールを使うと、Uncaught TypeError: wp.i18n is undefinedのエラーが出ます。これが関係しているのでしょうか？

漠然とした質問になって申し訳ありません。よろしくお願いいたします。

<!-- 表示部分 -->
<span onclick="obj=document.getElementById('open').style; obj.display=
(obj.display=='none')?'block':'none';">
<a style="cursor:pointer;">
    <span style="color: #1f94bb;text-align: center;">
            ▼
            <span style="text-decoration: underline;">
                長期滞在の料金設定はこちら
            </span>
    </span>
</a>
</span>
<ul>
<!-- 折り畳まれる部分 -->
<span id="open" style="display: none; clear: both;">
<br>
  <li>3週目は一律料金
    <ul>
      <li>学生－40,000</li>
      <li>大人－50,000</li>
   </ul>
 </li>
 <li>4週目は一律料金
   <ul>
      <li>学生－50,000</li>
      <li>大人－60,000</li>
  </ul>
</li>
<li>定期貸借は一律料金＆人数割引
  <ul>
    <li>学生－50,000</li>
    <li>大人－60,000</li>
    <li><b>1部屋2人以上利用で20%OFF</b></li>
  </ul>
</li>
<br>
<p>*長期滞在では、宿泊ではなく定期貸借をおすすめしております。<br>
*ご質問がございましたら、お気軽にお問合せください。</p></span>
</ul>

ウェブ開発ツールを使うと、Uncaught TypeError: wp.i18n is undefinedのエラーが出る。

行動規範の内容に同意します

回答1件

ベストアンサー

が2か所あるのが原因では。

html
1<!-- 表示部分 -->
2<span onclick="obj=document.getElementById('open').style; obj.display=
3(obj.display=='none')?'block':'none';">
4<a style="cursor:pointer;">
5    <span style="color: #1f94bb;text-align: center;">
6            ▼
7            <span style="text-decoration: underline;">
8                長期滞在の料金設定はこちら
9            </span>
10    </span>
11</a>
12</span>
13<ul>
14<!-- 折り畳まれる部分 -->
15<span id="open" style="display: none; clear: both;">
16<br><li>3週目は一律料金<ul><li>学生－40,000</li><li>大人－50,000</li></ul></li>
17<li>4週目は一律料金<ul><li>学生－50,000</li><li>大人－60,000</li>
18</ul></li><li>定期貸借は一律料金＆人数割引<ul><li>学生－50,000</li>
19<li>大人－60,000</li><li><b>1部屋2人以上利用で20%OFF</b></li></ul></li><br><p>*長期滞在では、宿泊ではなく定期貸借をおすすめしております。<br>
20*ご質問がございましたら、お気軽にお問合せください。</p></span></ul></div>
21	</div>
22</div>
23	</div>
24</div>
25	</div>
26		</div>
27	</div>
28</div>
29<div class="fl-row fl-row-full-width fl-row-bg-color fl-node-6244ec0c24bc5 fl-visible-desktop" data-node="6244ec0c24bc5">
30	<div class="fl-row-content-wrap">
31						<div class="fl-row-content fl-row-fixed-width fl-node-content">
32		
33<div class="fl-col-group fl-node-6244ec0c24c6f" data-node="6244ec0c24c6f">
34			<div class="fl-col fl-node-6244ec0c24c71" data-node="6244ec0c24c71">
35	<div class="fl-col-content fl-node-content">
36	<div class="fl-module fl-module-rich-text fl-node-6244ec0c24c72" data-node="6244ec0c24c72">
37	<div class="fl-module-content fl-node-content">
38		<div class="fl-rich-text">
39	<p style="text-align: center;"><span style="color: #73683b; font-size: 18px;"><strong>Per person per night (including tax)</strong></span></p>
40<h2 style="text-align: center;"><span style="color: #191923;"><strong><span style="font-size: 14px;">￥</span><span style="font-size: 38px;">2,000 </span><span style="font-size: 14px;">child</span>　<span style="font-size: 14px;">￥</span><span style="font-size: 38px;">3,000 </span><span style="font-size: 14px;">student</span>　<span style="font-size: 14px;">￥</span><span style="font-size: 38px;">4,000 </span><span style="font-size: 14px;">adult</span></strong></span></h2>
41<p>&nbsp;</p>
42</div>
43	</div>
44</div>
45<div class="fl-module fl-module-html fl-node-6244ec0c24c73 fl-visible-desktop" data-node="6244ec0c24c73">
46	<div class="fl-module-content fl-node-content">
47		<div class="fl-html">
48	<!-- 表示部分 -->
49<span onclick="obj=document.getElementById('open').style; obj.display=
50(obj.display=='none')?'block':'none';">
51<a style="cursor:pointer;">
52    <span style="color: #1f94bb;text-align: center;">
53            ▼
54            <span style="text-decoration: underline;">
55                長期滞在の料金設定はこちら
56            </span>
57    </span>
58</a>
59</span>
60<ul>
61<!-- 折り畳まれる部分 -->
62<span id="open" style="display: none; clear: both;">
63<br><li>3週目は一律料金<ul><li>学生－40,000</li><li>大人－50,000</li></ul></li>
64<li>4週目は一律料金<ul><li>学生－50,000</li><li>大人－60,000</li>
65</ul></li><li>定期貸借は一律料金＆人数割引<ul><li>学生－50,000</li>
66<li>大人－60,000</li><li><b>1部屋2人以上利用で20%OFF</b></li></ul></li><br><p>*長期滞在では、宿泊ではなく定期貸借をおすすめしております。<br>
67*ご質問がございましたら、お気軽にお問合せください。</p></span></ul></div>
68	</div>
69</div>
70	</div>
71</div>
72	</div>
73		</div>
74	</div>
75</div>