Js slideToggleがオンクリックを引き起こさない

Question

私はこの機能にいくつかの問題が発生しているため、ステップインしています。私はnav（fadeToggle）のために同じ作業をしていますが、これは分かりにくいことが分かります。私が望むのは、h2要素に当たって親divをクラス 'reveal'にスライドさせることです。

アイデア？

スクリプト：

<script> 
    $(document).ready(function(){ 
    $(“div.sub-hold h2").click(function(){ 
     $(this).parent().find($("div.reveal","div.sub-hold”)).slideToggle(500); 
    }); 
    }); 
</script> 

HTML：

<div class="sub-content , col-xs-2-2 , col-sm-3 , col-md-3 , col-lg-7"> 
    <h1><?php echo $main; ?></h1> 
    <div class="sub-hold"> 
       <h2><?php echo $item; ?></h2> 
       <h3><?php echo $sub; ?></h3> 
    </div>    
    <div class="reveal"><img src="<?php echo $image; ?>"/></div> 
</div> 

Answer 1

コードのビットの訂正。

$(document).ready(function(){ 
     $("div.sub-hold h2").click(function(){ 
      $(this).closest('.sub-content').find("div.reveal,div.sub-hold").slideToggle(500); 
     }); 
     }); 

Answer 2

次は、トリックを行う必要があります。ここでは

$("div.sub-hold h2").click(function(){ 
    $(this).parent().find(".reveal").slideToggle(500); 
}); 

Answer 3

がslideToggleがどのように動作するかです：

$(document).ready(function(){ 
 
    $("div.sub-hold h2").click(function(){ 
 
     $("div.reveal, div.sub-hold").slideToggle(500); 
 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="sub-content , col-xs-2-2 , col-sm-3 , col-md-3 , col-lg-7"> 
 
    <h1><?php echo $main; ?></h1> 
 
    <div class="sub-hold"> 
 
       <h2>h2</h2> 
 
       <h3>h3</h3> 
 
    </div>    
 
    <div class="reveal"><img src="<?php echo $image; ?>"/></div> 
 
</div>

あなたの説明と、コードからのビットは不明として、あなたが達成したいのか知りたいです。