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

以下应该可以解决问题：

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

Answer 2

以下是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>

想知道你想要实现什么，因为你的描述和代码有点不清楚。

Answer 3

代码中的位纠正。

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

Js slideToggle不会触发点击

3 个答案: