我有4个DIVs在加载我想隐藏3 ..点击(标签链接)我想显示该标签的内容.. 并隐藏其余..这是什么我有..其没有工作=(Jquery DIV .hide()不工作
http://codepen.io/anon/pen/AafIH
<script type='text/javascript' src='http://mimerchant.com/wp-includes/js/jquery/jquery.js'></script>
<div class="tabnav">
<ul class="fancyNav">
<li id="news"><a href="#creditcard" id="creditcard_link">Credit Card Processing</a>
</li>
<li id="about"><a href="#atm" id="atm_link">ATM Processing</a>
</li>
<li id="services"><a href="#giftcard" id="giftcard_link">Gift Card Program</a>
</li>
<li id="contact"><a href="#check" id="check_link">Check Guarantee</a>
</li>
</ul>
</div>
<div class="tabcontent">
<div id="creditcard">
<div id="textbox">
<h3>Credit Card Processing</h3>
<p>Some Text here about what this credit card tab is about</p>
<h3>Low Rates</h3>
<p>About Low Rates</h3>
</div>
</div>
<div id="atm">
<div id="textbox">
<h3>ATM Processing</h3>
<p>Some text here about the ATM services</p>
<h3>Another Title</h3>
<p>Some text</p>
</div>
</div>
<div id="giftcard">
<div id="textbox">
<h3>Gift Card Program</h3>
<p>Something about gift cards</p>
</div>
</div>
<div id="check">
<div id="textbox">
<h3>Check Guarantee</h3>
<p>Something About Checks</p>
</div>
</div>
</div>
ID必须是唯一的。你的JavaScript在哪里? – 2013-04-23 17:51:23
我看到'$不是一个函数',这让我觉得这个JavaScript在jQuery加载之前运行,但我不熟悉codepen – 2013-04-23 17:53:41
你的代码没有问题。 Codepen.io根本不包括你期望的jQuery。如果您在JS配置屏幕中选择了jquery,它将以您想要的方式工作。 – 2013-04-23 17:55:13