Js slideToggle不會觸發點擊

Question

步入，因爲我遇到了這個函數的一些問題。我的導航工具（fadeToggle）也有同樣的功能，但這是難以捉摸的。我想要的是擊中h2元素，並將父級div滑動到「揭示」類。

任何想法？

腳本：

<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>

想知道你想達到的目標，從你的描述和代碼作爲其有點不清楚。