2017-08-12 36 views
-2

我是新开发人员,也是Stack Overflow的新成员。这是我的第一个问题。我卡在一个问题,我在下面描述:这是我应该用于正常工作的条件吗?

$(document).ready(function() { 
    $(".header").click(function() { 
     if ($(".header-content").is(':visible')) { 
      $(".header-content").slideUp(600); 
     } 
     else { 
      $(this).next(".header-content").slideDown(600); 
     } 
    }); 

我上传我的项目的图像。

第一张图片是当我们加载页面。 第二个图像是当我点击第二个div命名跟踪

我想编写这个功能的代码在其中。 1.当我加载页面时,所有具有类标题的div应该与第一个图像中的相同。

  1. 当我点击任何一个从你的div区域的任何区域。名为header-content的类应该是最初设置的display block display:none in css。

  2. 当我点击除了打开的div以外的其他div,它应该先关闭打开的div并打开当前被点击的div。

  3. 最后当我点击两次相同的div它应该关闭那个div。

我希望你现在能理解我的问题。

感谢您的帮助提前。

+1

你可以添加一个你遇到的问题的描述吗?你已经包含了一个代码片段,但没有说明它应该做什么,哪些不起作用,或者你尝试过什么。看看[如何问一个好问题](https://stackoverflow.com/help/how-to-ask) – javanut13

+0

你面临什么问题?从您共享的代码片段中很难分辨出来。你有一个可以分享的工作例子吗? – eulloa

+0

请编辑你的问题来解释你有什么问题。 –

回答

0

您发布的搜索问题已被多次查询。所以,只有在找不到要查找的内容时才使用提问。

由于我得到您的问题,您想切换.header-content分类元素点击.header。 如果您可以使用jQuery的Toggle函数。如下所示:

$(document).ready(function(){ 
    $(".header").click(function(){ 
     $(".header-content").toggle("slow"); 
    }); 
}); 

您可以使用此参数的切换效果的持续时间。相应地替换“慢”。

相关问题