Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.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以在单击时显示,同时切换另一个div以隐藏_Javascript_Jquery_Html_Slidetoggle_Slidedown - Fatal编程技术网

Javascript 切换一个div以在单击时显示,同时切换另一个div以隐藏

Javascript 切换一个div以在单击时显示,同时切换另一个div以隐藏,javascript,jquery,html,slidetoggle,slidedown,Javascript,Jquery,Html,Slidetoggle,Slidedown,有两个代表相同数据的div,只有一个更详细。单击按钮,我需要滑动切换第一个div,然后切换打开或向下滑动第二个div。基本上切换显示的内容,但它需要在两个单独的分区中,因此不能在同一分区中进行基本切换。请提供任何想法: html: 编辑 <div id="basicTermsRow"> <div class="row"> <div class="col-sm-4"> <div class="standardList">

有两个代表相同数据的div,只有一个更详细。单击按钮,我需要滑动切换第一个div,然后切换打开或向下滑动第二个div。基本上切换显示的内容,但它需要在两个单独的分区中,因此不能在同一分区中进行基本切换。请提供任何想法:

html: 编辑

<div id="basicTermsRow">
  <div class="row">
    <div class="col-sm-4">
      <div class="standardList">
        <ul>
          <li>Random Data</li>
          <li>This be the div I need to hide<span class="glyphicon glyphicon-cloud"></span></li>
        </ul>
      </div>
    </div>
 </div>
</div>

<div id="expandedTerms">
<div class="row">
  <div class="col-lg-12">
 <p>Good Bye</p>
 </div>
小提琴:


您需要做的第一件事是首先隐藏扩展的div。然后,要实现您想要的,您只需在用户按下按钮时切换两个div。像这样:

<div id="expandedTerms" style="display:none">

您需要做的第一件事是首先隐藏扩展的div。然后,要实现您想要的,您只需在用户按下按钮时切换两个div。像这样:

<div id="expandedTerms" style="display:none">

您需要做的第一件事是首先隐藏扩展的div。然后,要实现您想要的,您只需在用户按下按钮时切换两个div。像这样:

<div id="expandedTerms" style="display:none">

您需要做的第一件事是首先隐藏扩展的div。然后,要实现您想要的,您只需在用户按下按钮时切换两个div。像这样:

<div id="expandedTerms" style="display:none">

我想你需要先把其中一个藏起来,否则就有点胡说八道了。 我的建议

$( "#expandedTerms" ).hide();
$( "#editButton" ).click(function() {
    $( "#basicTermsRow" ).slideToggle();
    $( "#expandedTerms" ).slideToggle();
});

我想你需要先藏一个,否则就有点胡说八道了。 我的建议

$( "#expandedTerms" ).hide();
$( "#editButton" ).click(function() {
    $( "#basicTermsRow" ).slideToggle();
    $( "#expandedTerms" ).slideToggle();
});

我想你需要先藏一个,否则就有点胡说八道了。 我的建议

$( "#expandedTerms" ).hide();
$( "#editButton" ).click(function() {
    $( "#basicTermsRow" ).slideToggle();
    $( "#expandedTerms" ).slideToggle();
});

我想你需要先藏一个,否则就有点胡说八道了。 我的建议

$( "#expandedTerms" ).hide();
$( "#editButton" ).click(function() {
    $( "#basicTermsRow" ).slideToggle();
    $( "#expandedTerms" ).slideToggle();
});

如果我理解正确,考虑到这两个条目是行项目,我建议为它们分配一个类,以便您可以对它们中的每一个应用任何类型的切换。有关示例,请参见

$( "#editButton" ).click(function() {
$( ".hideDiv" ).slideToggle("fast");}
);

如果我理解正确,考虑到这两个条目是行项目,我建议为它们分配一个类,以便您可以对它们中的每一个应用任何类型的切换。有关示例,请参见

$( "#editButton" ).click(function() {
$( ".hideDiv" ).slideToggle("fast");}
);

如果我理解正确,考虑到这两个条目是行项目,我建议为它们分配一个类,以便您可以对它们中的每一个应用任何类型的切换。有关示例,请参见

$( "#editButton" ).click(function() {
$( ".hideDiv" ).slideToggle("fast");}
);

如果我理解正确,考虑到这两个条目是行项目,我建议为它们分配一个类,以便您可以对它们中的每一个应用任何类型的切换。有关示例,请参见

$( "#editButton" ).click(function() {
$( ".hideDiv" ).slideToggle("fast");}
);

两个分区是哪一个?详细的和一般的?你是说
li
元素?你想做什么?塔达->哪两个是div?详细的和一般的?你是说
li
元素?你想做什么?塔达->哪两个是div?详细的和一般的?你是说
li
元素?你想做什么?塔达->哪两个是div?详细的和一般的?你是说
li
元素?你想做什么?塔达->就是这样。非常感谢。今天早上大脑不工作。我会在五分钟内核对答案,到时候我会知道的。谢谢,别客气!就这样。非常感谢。今天早上大脑不工作。我会在五分钟内核对答案,到时候我会知道的。谢谢,别客气!就这样。非常感谢。今天早上大脑不工作。我会在五分钟内核对答案,到时候我会知道的。谢谢,别客气!就这样。非常感谢。今天早上大脑不工作。我会在五分钟内核对答案,到时候我会知道的。谢谢,别客气!