JQueryアコーディオンのコンテンツリンクが動作しません - javascript、jquery、html、css

JQueryの初心者で、私はアコーディオンを実装しています。 コンテンツに複数のハイパーリンクがあるという問題があります。基本的に1つのドロップダウンと1つのリンクのリストがあります。何らかの理由で最初のハイパーリンクのみが機能します。この人は同じ問題を抱えていましたが、彼がコメントアウトしたコードは私のjsには存在しません。 jqueryの「tabs + accordion」でリンクが機能しないという奇妙なバグ

<script>
$(function() {
$( "#accordion" ).accordion(
{
collapsible: true, active:false, header:"h3"}
);
$( ".selector" ).accordion({ heightStyle: "fill" });
});

</script>

<div id ="accordion">
<h3> &nbsp </h3>
<ul class="ui-accordion-container">
<li><a class="accordion-label" href="#">this is a test blah blah blah</a></li>
<li><a class="accordion-label" href="#">this is a test blah blah blah</a></li>
<li><a class="accordion-label" href="#">this is a test blah blah blah</a></li>
</ul>
</div>

回答：

私にとっては、divを含むことのスタイルが ::before これは私のリンクの上に表示されていたのでクリックできないのはそのためです。そのスタイルを削除すると、仕事ができました。