CSS显示类型：标签

问题描述：

我想制作一个基于标签的布局，如果它处于垂直方向，我已经使用它，但是我想让它们保持水平。当一个标签被点击时，我想制作一个div展开，然后选项卡是，我遇到了这个问题。我还添加了一个X退出。这是我的jsFiddle。CSS显示类型：标签

<div id="header"> 
<div id="music"><a href="#">Music</a></div>    
<div id="about"><a href="#">About</a></div> 
<div id="contact"><a href="#">Contact</a></div> 
</div> 

<div id="musicinfo"> 
<p>Music info div</p> 
<p id='close'>x</p> 
</div> 

$("#music").click(function() { 
$("#musicinfo").show(); 
$('#close').click(function() { 
$("#musicinfo").hide(); 

}); 


});

我没有在我的小提琴上添加jquery，所以这不是它不工作的原因。所以我会改变我的问题，因为我认为这篇文章仍然会帮助人们。关于如何做我想要完成的任何更好的想法？

有什么问题吗？ – FakeRainBrigand

您正在使用jQuery函数，但尚未将jQuery添加到小提琴中。我已经为你做了。现在检查你的小提琴。 –

等等......什么？你能为我补充一句话吗？ – 1234567

答

我可以推荐一个不使用jQuery的简单解决方案吗？我真的不明白，为什么每个人都希望使用它，即使它没有必要...（我假设你的问题是，如何让当你点击它的名字标签的内容出现）

http://jsfiddle.net/EPDqR/

<div id="header"> 
<div id="music" onclick="getElementById('musicinfo').style.display='block';"><a href="#">Music</a></div>    
<div id="about"><a href="#">About</a></div> 
<div id="contact"><a href="#">Contact</a></div> 
</div> 

<div id="musicinfo"> 
<p>Music info div</p> 
<p id='close' onclick="getElementById('musicinfo').style.display='none';">x</p> 
</div>

好点我会试试你的方式。我试图学习jQuery，所以我想我总是试着去使用它。 –

不使用jQuery很好。但为什么你想建议处理事件的古老做法。它应该始终避免。更好的方法是使用javascript绑定事件而不是内联处理它们 –

答

你要导入的jQuery成小提琴

$("something")... // this is jQuery object

现在它的工作： http://jsfiddle.net/FFjSk/23/

CSS显示类型：标签

相关推荐