トグルでgetElementsByClassName onclickが機能しない

Question

getElementsByClassNameが機能しません。ここに私のコードです。

$(document).ready(function() { 
 
    $('.parent<?php echo $product['product_id']; ?>').on("click",function(){ 
 
\t 
 
     if(document.getElementsByClassName('sub-nav').style.display == 'block') 
 
     document.getElementsByClassName('sub-nav').style.display = "none"; 
 

 
     $(haid<?php echo $product['product_id']; ?>).toggle(); 
 
     $(haid<?php echo $product['product_id']; ?>).siblings().find(".sub-nav").hide(); 
 
     }); 
 
});

私はユニークな生成されたIDを持つ別のボタンを持っていると私はクラスによってそれらを検索したいです。 私がしようとしているのは、ボタンAをクリックしてボタンBを非表示にしたときです。 他のボタンの一意のIDが見つからないため、トグルが機能しません。

getElementsByClassNameがdisplay：blockがdisplay：noneに置き換えられたと判断した場合、クリックされたボタンのオープンを続行します。

Answer 1

私はそれをしました。君たちありがとう！

\t if($(".sub-nav").css("display","block")) { 
 
\t \t $(".sub-nav").css("display","none"); 
 
\t \t } else { 
 
\t \t $(".sub-nav").css("display","block");}