Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击以折叠同一父级中的其他div_Javascript_Jquery - Fatal编程技术网

Javascript 单击以折叠同一父级中的其他div

Javascript 单击以折叠同一父级中的其他div,javascript,jquery,Javascript,Jquery,我的意见如下: <div class="select-plan-container"> <div class="select-plan-column"> <div class="select-plan-buy select-plan-buy-starter"> </div> <div class="select-plan-buy select-plan-details-starter"> </div> &l

我的意见如下:

<div class="select-plan-container">

<div class="select-plan-column">
  <div class="select-plan-buy select-plan-buy-starter">
  </div>
  <div class="select-plan-buy select-plan-details-starter">
  </div>
</div>

<div class="select-plan-column">
  <div class="select-plan-buy select-plan-buy-level">
  </div>
  <div class="select-plan-details select-plan-details-level">
  </div>
</div>

<div class="select-plan-column">
  <div class="select-plan-buy select-plan-buy-levels">
  </div>
  <div class="select-plan-details select-plan-details-levels">
  </div>
</div>

</div>
每次用户单击
。选择plan buy
时,父div将展开。现在可以逐个展开所有div。如何折叠其他
。单击
时选择“计划列”
。选择“计划购买”

尝试以下操作:

  $('.select-plan-details,.select-plan-buy-starter').hide();
  $(document).on('click','.select-plan-buy',function()
  {
   $('.select-plan-column').not(this).find('.select-plan-details,.select-plan-buy-starter').slideUp();
   $(this).next().slideToggle();
  });

试试这个:

  $('.select-plan-details,.select-plan-buy-starter').hide();
  $(document).on('click','.select-plan-buy',function()
  {
   $('.select-plan-column').not(this).find('.select-plan-details,.select-plan-buy-starter').slideUp();
   $(this).next().slideToggle();
  });

试试这个:

  $('.select-plan-details,.select-plan-buy-starter').hide();
  $(document).on('click','.select-plan-buy',function()
  {
   $('.select-plan-column').not(this).find('.select-plan-details,.select-plan-buy-starter').slideUp();
   $(this).next().slideToggle();
  });

试试这个:

  $('.select-plan-details,.select-plan-buy-starter').hide();
  $(document).on('click','.select-plan-buy',function()
  {
   $('.select-plan-column').not(this).find('.select-plan-details,.select-plan-buy-starter').slideUp();
   $(this).next().slideToggle();
  });

您可以尝试以下方法

$(".select-plan-buy").click(function () {
  $('.select-plan-column .select-plan-details').slideUp();
  $(this).next(".select-plan-details").slideToggle();
});

,在示例中,我使用了
选择计划购买
选择计划详细信息

您可以尝试以下操作

$(".select-plan-buy").click(function () {
  $('.select-plan-column .select-plan-details').slideUp();
  $(this).next(".select-plan-details").slideToggle();
});

,在示例中,我使用了
选择计划购买
选择计划详细信息

您可以尝试以下操作

$(".select-plan-buy").click(function () {
  $('.select-plan-column .select-plan-details').slideUp();
  $(this).next(".select-plan-details").slideToggle();
});

,在示例中,我使用了
选择计划购买
选择计划详细信息

您可以尝试以下操作

$(".select-plan-buy").click(function () {
  $('.select-plan-column .select-plan-details').slideUp();
  $(this).next(".select-plan-details").slideToggle();
});

,,在这个例子中,我使用了
select plan buy
select plan details
classes

js代码在哪里???@Milind Anantwar AddedWhere是
。在你的标记中选择plan buy level
?你想让人觉得你在追求一个js代码在哪里???@Milind Anantwar AddedWhere是
。选择plan buy level
在你的标记中?你是否想要一些东西,比如认为你在追求一个js代码在哪里?@Milind Anantwar AddedWhere is
。在你的标记中选择plan buy level
?你想要一些东西,比如认为你在追求一个js代码在哪里?@Milind Anantwar AddedWhere is
。在你的标记中选择plan buy level
?你想要什么吗就像你想找一个