Javascriptアコーディオンが変わった

Question

jsfiddleを使って簡単なアコーディオンを作成するとjavascriptを使ってもうまく動作しますが、私の.aspxで同じコードを使用すると、アコーディオンは開きません。私はIEを使ってデバッグしようとしましたが、無駄です。これを指すポインタは非常に役に立ちます。

jsfiddleに私のリンク - jsfiddle code

var acc = document.getElementsByClassName("accordion"); 
    var i; 

    for (i = 0; i < acc.length; i++) { 
     acc[i].onclick = function() { 
      this.classList.toggle("active"); 
      this.nextElementSibling.classList.toggle("show"); 
     } 
    } 

と私のhtml：私はjQueryのUIライブラリをインポートし、それを解決するため、

<div> 
<button class="accordion"> 
    Q1. Why does CMS collect patient-level 
     data?</button> 
<div class="panel"> 
    <p> 
     Patient-level data with patient-level identifiers for 
    the numerator and denominator of each measure allows CMS to match HEDIS data to 
    other patient-level data for special projects of national interest and research, 
    such as an assessment of whether certain groups (e.g., ethnic, racial, gender, geographic) 
    are receiving fewer or more services than others. These analyses will not be used 
    for public plan-to-plan comparisons.</p> 
</div> 
<button class="accordion"> 
    Q2. What procedures must I follow to submit 
     patient-level data files?</button> 
<div class="panel"> 
    <p> 
     Plans need to create patient-level data file(s) 
    conforming to the 2010 Patient-Level Data File Specifications and upload files 
    to CMS via CMS’ Enterprise File Transfer (EFT) infrastructure using an existing 
    Gentran or Connect:Direct account. Alternatively, plans may use a third-party 
    vendor (e.g., Infocrossing) for data file submissions. In either case, the use 
    of Gentran or Connect:Direct is the approved method for patient-level data file 
    submissions.</p> 
</div> 
<button class="accordion"> 
    Q3. Where do I find the data file submission 
     instructions?</button> 
<div class="panel"> 
    <p> 
     It is imperative that each organization confirm their ability to interface with 
    the CMS EFT infrastructure prior to attempting an upload. ior to attempting an upload.</p> 
</div> 

</div> 

Answer 1

私は、これを閉じています。