Javascript 单击选项卡时显示两个单独div的内容
我正在使用物化ECSS选项卡在我的网站上显示内容。我想每个标签启动两个div的内容一次,但我有困难使这项工作 我尝试在每个选项卡上使用data target,但没有成功。现在,我在每个选项卡中包含两个href,但这也不起作用。如果有人能帮忙,我将不胜感激Javascript 单击选项卡时显示两个单独div的内容,javascript,jquery,html,materialize,Javascript,Jquery,Html,Materialize,我正在使用物化ECSS选项卡在我的网站上显示内容。我想每个标签启动两个div的内容一次,但我有困难使这项工作 我尝试在每个选项卡上使用data target,但没有成功。现在,我在每个选项卡中包含两个href,但这也不起作用。如果有人能帮忙,我将不胜感激 <div class="menu-section"> <div class="row"> <ul class="tabs"> <li class="tab col s
<div class="menu-section">
<div class="row">
<ul class="tabs">
<li class="tab col s3"><a class="active" href="#overview,#test1">Overview</a></li>
<li class="tab col s3"><a href="#howto,#test2">How to use</a></li>
<li class="tab col s3"><a href="#integration,#test3">Integration</a></li>
<li class="tab col s3"><a href="#compatibility,#test4">Compatibility</a></li>
<li class="tab col s3"><a href="#terms,#test5">Terms of Service</a></li>
</ul>
</div>
<div id="overview" class="col s12">test 1</div>
<div id="howto" class="col s12">test 2</div>
<div id="integration" class="col s12">test 3</div>
<div id="compatibility" class="col s12">test 4</div>
<div id="terms" class="col s12">test 5</div>
</div>
<div id="test1" class="col s12">test 1</div>
<div id="test2" class="col s12">test 2</div>
<div id="test3" class="col s12">test 3</div>
<div id="test4" class="col s12">test 4</div>
<div id="test5" class="col s12">test 5</div>
$(文档).ready(函数(){
$('.tabs').tabs();
});代码>
动态下拉列表
测试1
测试2
测试3
测试4
测试5
您不能在同一href-like(href=“#概述,#测试1”)中为两个ID提供路由。这意味着href将整个事件视为一个id。
$(document).ready(function(){
$('ul.tabs').tabs();
});