显示/隐藏Div或元素

-2

我访问过一个网站，一个功能让我感到很多，但我无法弄清楚如何复制它！ XD有人可以帮我吗？显示/隐藏Div或元素

我想复制this site's版权通知我的网站的功能给我和我的同事。

我会很感激。谢谢。

来源

2011-09-26 Michael

-1更多信息 - JavaScript没有比这更基本。这个网站不存在，所以人们可以为你做你的工作。它存在学习。请花一些时间尝试学习。 – maxedison

你确定这是一个Java问题吗？如果是这样，它与Java语言有什么关系？你不是想要标记JavaScript，而是你？你知道他们和仓鼠一样类似于火腿。 –

你会希望寻找'jQuery' JavaScript库轻松照顾事情 – user482594

您所指的网站使用jQuery library。它确实非常简单。声明如本

$("#mydiv").hide();

将隐藏<div> ID为 “mydiv”。您也可以使用show而不是hide，并且您可以将一个数字传递给该函数，例如hide(200)使动作动画。在这种情况下，在200 ms内动画隐藏div。另外还有toggle effect可以隐藏或显示元素。

我建议你阅读关于jQuery documentation中的jQuery事件和选择器。

而且在未来，Googling your question你问之前，它可能会节省您的时间;-)

编辑

其实您所描述的网站上，你链接的具体特征是使用HTML5元素andronikus进行处理。可以说HTML5还没有准备好在网络上使用，因为仍然有很多浏览器无法处理它。在我看来，使用jQuery show/hide在这个时候是一个更好的解决方案。

来源

2011-09-26 01:50:58 Hubro

如果您使用的浏览器或扩展程序允许您通过右键单击“检查元素”，则可以直接查看页面元素的代码。这里，该页面使用新的HTML5中的新标签[<details>][1]。它看起来是这样的：

<details> 
    <summary>Always show this</summary> 
    <p>This stuff is hidden until you click the arrow.</p> 
    <p>Woooo!</p> 
</details>

没有JavaScript/jquery混乱，虽然也许有一些CSS也发生了。这是一个非常酷的新元素！

（正常情况下应该用在其他的答案和评论描述一个jQuery显示（）/隐藏（）来完成。我怀疑它加入到HTML5，因为它是一个非常普遍的特征。）

来源

2011-09-26 01:54:01 andronikus

你可以使用jQuery slideToggle（）实现。

<div id="inner"> 
    <div class="text"> 
    Your Text 
    </div> 
</div 


$(document).ready(function(){ 
$(".text").hide(); 
$("#inner").click(function(){ 
$(".text").slideToggle(); 
}); 
});

您可以在这里看到 http://www.sendesignz.com/index.php/jquery/72-how-to-implement-toggle-search-box-in-jquery

来源

2011-10-04 08:50:04

显示/隐藏Div或元素

回答

相关问题