-1
我试图使用一些JavaScript,我发现在这个网站上显示和隐藏两个不同的div。基本上,当有人点击到达或点击“一个按钮”,然后我想要下面显示的AAA股利。当有人点击“b按钮”时,我想隐藏AAA div并显示下面的BBB div。如何使用javascript显示和隐藏两个不同的div?
我想过使用Bootstrap崩溃,但不想动画。
我在做什么错?
http://matthewtbrown.com/test/index.html
// set content on click
$('.button').click(function(e) {
e.preventDefault();
setContent($(this));
});
// set content on load
$('.button.active').length && setContent($('.button.active'));
function setContent($el) {
$('.button').removeClass('active');
$('.container').hide();
$el.addClass('active');
$($el.data('rel')).show();
}
<div class="flr-wrap">
<ul>
<li><a class="timebutton active" data-rel="#content-a" href="#">a button</a></li>
<li><a class="timebutton" data-rel="#content-b" href="#">b button</a></li>
</ul>
<div class="flr-inner">
<div class="timecontainer" id="content-a">
AAA
</div>
<div class="timecontainer" id="content-b">
BBB
</div>
</div>
'我在做什么错'很好,一开始,你不张贴在问题本身 –
在浏览器的开发者工具控制台的任何错误的任何代码......像'的ReferenceError:$是不是定义'例如? –
加载'jQuery 3.1.0'并且'1.11.3'看起来也是错误的...但是,在加载jquery之前加载'js/timeentries.js' - 它依赖于jquery - 可能是页面中最大的错误 –