时间戳

首页 > 解决方案 > 打开关闭切换按钮。打开时隐藏第一个按钮

jquery - 打开关闭切换按钮。打开时隐藏第一个按钮

问题描述

我有一个打开/关闭切换，我试图让第一个按钮在打开时隐藏，然后在关闭时重新出现。

这是我所拥有的：

jQuery.noConflict();

jQuery(document).ready(function() {
  jQuery(".slider").hide('slow');

  jQuery(".clicker, .clicker2").click(function() {
    jQuery(".slider").toggle('slow');
    return false;
  });
  return false;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="clicker">CLICK HERE</button>
<div class="slider">
  Blah blah blah
  <a class="clicker2" href="#">Close</a>
</div>

任何帮助将非常感激。谢谢你。

标签： jquerytoggle

解决方案

您必须分开.clicker并.clicker2单击事件。然后，切换.slider和.clicker按钮。

这是演示

$(document).ready(function() {
  jQuery.noConflict();
  jQuery(document).ready(function() {
    jQuery(".slider").hide('slow');

    jQuery(".clicker").click(function() {
      jQuery(".slider").toggle('slow');
      jQuery(this).toggle('slow');
      return false;
    });
    jQuery(".clicker2").click(function() {
      jQuery(".slider, .clicker").toggle('slow');
      return false;
    });
    return false;
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="clicker">CLICK HERE</button>
<div class="slider">
  Blah blah blah
  <a class="clicker2" href="#">Close</a>
</div>

推荐阅读