我使用js和css构建了一个带有标签的网页，但是当我点击下一个标签时其他标签是否有颜色可以帮助我吗？谢谢你的looooooooooot。当我点击另一个标签时，我不希望其他标签改变颜色〜
function show(e, n) {
var i, tabcontent, tablinks;
// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("rcContent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// Show the current tab, and add an "active" class to the link that opened the tab
document.getElementById(n).style.display = "block";
e.currentTarget.className += " active";
} .rcTab{
list-style: none;
display: inline-block;
padding: 2px 8px;
margin: 0 5px;
background: none;
cursor: pointer;
border-radius: 2px;
background-color: #aaa;
color: white;
}
.rcTab:hover{
background-color:#cd2027;
}
.rcTab.active {
background-color: #cd2027; /*url("http://www.shaverinc.com/wp-content/themes/shaver/img/bkg-redlines.png");*/
}
.rcContent {
display: none;
}
.rcContent h4 {
//transform: translate(50%, 0);
text-align: center;
}
.rc {
list-style-image: url('http://www.shaverinc.com/wp-content/uploads/document-e1481910868320.png');
background: none;
padding: 0;
margin: 0;
margin-left: 40px
} <div class="container">
<ul class="rcTabs" id="Tabs">
<li class="rcTab active" href="javascript:void(0)" onclick="show(event,'rcContent1');">Literature</li>
<li class="rcTab" href="javascript:void(0)" onclick="show(event,'rcContent2');">Case Studies</li>
<li class="rcTab" href="javascript:void(0)" onclick="show(event,'rcContent3');">Technical Data Sheets</li>
</ul>
<div style="border: 1px solid; padding: 10px 5px;">
<div id="rcContent1" class="rcContent" style="display: block;">
<h4>Curtains & Dividers</h4>
<ul>
<ul>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/Curtain-Walls-General-web1.pdf">Curtains & Dividers Brochure</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/SW-C100Curtain-Wall-Auto-.pdf">Curtain Wall - Automative</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/Curtain-vs.-Perm.-Wall-.pdf">Curtain Wall vs. Permanent Wall</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/SW-I200InsulWall-Brochure-WEB.pdf" target="_blank">InsulWall Brochure</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/Building-Green-InsulWall.pdf" target="_blank">Green InsulWall</a></li>
</ul>
</ul>
<h4>Roll-Up Doors</h4>
<ul>
<ul>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/G2-Lite-Doors-NEW-o.pdf">G2 Lite Series</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/G2-5400-Series-NEW-o.pdf">G2 5400 Series</a></li>
</ul>
</ul>
<h4>PVC Strip Curtains</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-010-Truck-Strip-Curtains.pdf" target="_blank">Rear PVC Strip Door System</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>Noise Control Solutions</h4>
<ul>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-001-Compressor-Enclosure-Web.pdf" target="_blank">Compressor Enclosure</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>Welding Protection</h4>
<ul>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>Swing Doors</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/SD-001-400-Series-Swing-Door.pdf" target="_blank">400 Series Swing Door</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/SD-002-700-Series-Swing-Door.pdf" target="_blank">700 Series Swing Door</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/SD-003-1000-Series-Swing-Door.pdf" target="_blank">1000 Series Swing Door</a></li>
</ul>
</ul>
<h4>Truck Curtains, Insulated Bulkheads & Dividers</h4>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-001-BH200-Bulkheads.pdf" target="_blank">High Performance BH2000 Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-002-Light-Weight-CoolGaurd.pdf" target="_blank">Lightweight Series CoolGuard Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-003-Delivery-Van-Bulkhead.pdf" target="_blank">Delivery Van Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-004-VersaFit-Bulkhead.pdf" target="_blank">VersaFit Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-005-Z-Shape-Bulkhead.pdf" target="_blank">Z-Shaped Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-007-Quick-Release-Truck-Curtain.pdf" target="_blank">Quick Release Rear Door Curtain</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-008-Roller-Curtain.pdf" target="_blank">Rear Roller Curtain</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-009-Gravity-Door-Curtain.pdf" target="_blank">Side Door Gravity Curtain</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-010-Truck-Strip-Curtains.pdf" target="_blank">Rear PVC Strip Door System</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-006-Center-Divide-System.pdf" target="_blank">Center Divide System</a></li>
</ul>
</div>
<div id="rcContent2" class="rcContent">
<h4></h4>
<h4>Curtains & Dividers</h4>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/whats-behind-your-curtain-wall/" target="_blank">What’s Behind Your Curtain Wall?</a></li>
<li class="rc"><a href="http://www.shaverinc.com/facility-operations-wall/" target="_blank">Facility Operations: More Than a Wall</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-custom-curtains-protect-print-press-from-dust-and-debris/" target="_blank">Shaver’s Custom Curtains Protect Print Press From Dust and Debris</a></li>
</ul>
<h4>Insulated Curtains (InsulWall)</h4>
<ul>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/SW-I900-InsulWall-Beer-CS-Press.pdf" target="_blank">Beer Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Berries-CS-Web.pdf" target="_blank">Berries Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Cheese-CS-Web.pdf" target="_blank">Cheese Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Chocolate-CS-Web.pdf" target="_blank">Chocolate Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Data-Center-CS-Web.pdf" target="_blank">Date Centre Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Farm-Fresh-CS-Web.pdf" target="_blank">Farm Fresh Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Floral-CS-Web.pdf" target="_blank">Floral Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/SW-1800-InsullWall-Ice-Cream-CS-.pdf" target="_blank">Ice Cream Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-M-Block-CS-Low-Res.pdf" target="_blank">M Block Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Pharma-CS-Web.pdf" target="_blank">Pharma Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Red-Bull-CS-Web.pdf" target="_blank">Red Bull Case Study</a></li>
</ul>
<h4>Noise Control Solutions</h4>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/employee-air-conditioning-booth/" target="_blank">Employee Air Conditioning Booth</a></li>
<li class="rc"><a href="http://www.shaverinc.com/enclose-noisy-equipment-factory/" target="_blank">Enclose Noisy Equipment in Your Factory</a></li>
<li class="rc"><a href="http://www.shaverinc.com/noise-solutions-for-roof-top-hvac-units/" target="_blank">Noise Solutions For Roof Top HVAC Units</a></li>
<li class="rc"><a href="http://www.shaverinc.com/compressor-enclosure-for-automotive/" target="_blank">Compressor Enclosure for Automotive Dealership</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-sound-panels-work-wonders-at-stamping-plant/" target="_blank">Shaver’s Sound Panels Work Wonders at Stamping Plant</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-enclosures-reduce-compressor-noise-automotive-facility/" target="_blank">Shaver’s Enclosures Reduce Compressor Noise In Automotive Facility</a></li>
<li class="rc"><a href="http://www.shaverinc.com/noisy-plastic-regrind-machine-no-match-for-shavers-custom-enclosure-system/" target="_blank">Noisy Plastic Regrind Machine No Match for Shaver’s Custom Enclosure System</a></li>
<li class="rc"><a href="http://www.shaverinc.com/noisy-compressors-no-match-for-shavers-sound-absorber-panels/" target="_blank">Noisy Compressors No Match for Shaver’s Sound Absorber Panels</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-power-roll-up-door-contains-noise-from-parts-being-dumped-into-a-hopper/" target="_blank">Shaver’s Power Roll Up Door Contains Noise From Parts Being Dumped Into a Hopper</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-noise-abatement-solutions-increase-productivity-and-safety/" target="_blank">Shaver’s Noise Abatement Solutions Increase Productivity and Safety</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shaver-helps-mining-company-increase-productivity/" target="_blank">Shaver Helps Mining Company Increase Productivity</a></li>
<li class="rc"><a href="http://www.shaverinc.com/power-roll-up-doors-for-food-handling-industry/" target="_blank">Power Roll Up Doors for Food Handling Industry</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-029-Case-Study-Acoustical-Curtain-Panel.pdf" target="_blank">Squealing Tires and Screeching Tires</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-030-Case-Study-Acoustical-Curtain-Panels.pdf" target="_blank">Outdoor Noise Solution</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-033-Case-Study-Acoustical-Lagging.pdf" target="_blank">Acoustical Lagging Quiets Perkins School For The Blind</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-034-Case-Study-Accoustical-Absorption-Barrier-Panels.pdf" target="_blank">Acoustical Composite Quiets Compressor Station</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-035-Case-Study-BSC-25-Absorber-Barrier-Composite.pdf" target="_blank">BSC-25 Absorber Used in Portland Meseum of Art</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-036-Case-Study-Acoustical-Lagging.pdf" target="_blank">Acoustical Lagging Quiets Airport HVAC System</a></li>
</ul>
</div>
<div id="rcContent3" class="rcContent">
<h4></h4>
<h4>Track System & Mounting Information</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Pan-Ceiling-Mount.pdf" target="_blank"> Pan Ceiling Mount</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Roll-TracR-Hardware-MASTER-PDF-min-1.pdf" target="_blank">Track Mounting System</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Hardware-Industrial-Curtain2.pdf" target="_blank">Track Hardware Overview</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Roller-Track-Installation-Instructions1.pdf" target="_blank">Roller Track Installation Instructions</a></li>
</ul>
</ul>
<h4>Curtains & Dividers</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/CD-001Curtain-Wall-vs.-Perm-Wall1.pdf" target="_blank">Curtain Wall Vs. Permanent Wall</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-018-R3-InsulWall-Spec.pdf" target="_blank">InsulWall R3 Spec Sheet</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-018-R3-InsulWall-Spec.pdf" target="_blank">InsulWall R6 Spec Sheet</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-020-R9-InsulWall-Spec.pdf" target="_blank">InsulWall R9 Spec Sheet</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-021-R15-InsulWall-Spec.pdf" target="_blank">InsulWall R15 Spec Sheet</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-014-InsulWall-Green-Specs-Print-20162.pdf" target="_blank">InsulWall Green Spec Sheet</a></li>
</ul>
</ul>
<h4>Noise Control Solutions</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-004-BBC10.pdf" target="_blank">BBC-10 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-005-BBC13-revised.pdf" target="_blank">BBC-13 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-006-BBC13-2in.pdf" target="_blank">BBC-13-2" Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-007-BBC15.pdf" target="_blank">BBC-15 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-008-BBC15-2in.pdf" target="_blank">BBC-15-2" Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-009-BSC19.pdf" target="_blank">BSC-19 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-010-BSC22.pdf" target="_blank">BSC-22 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-011-BSC24.pdf" target="_blank">BSC-24 Noise Barrier/Sound Absorber Composite>/a></a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-012-BSC25.pdf" target="_blank">BSC-25 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-013-QFA1-.pdf" target="_blank">QFA-1 Quilted Fiberglass Absorber</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-014-QFA7.pdf" target="_blank">QFA-7 Quilted Fiberglass Absorber</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-015-QFA10.pdf" target="_blank">QFA-10 Quilted Fiberglass Absorber</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-016-QFA14.pdf" target="_blank">QFA-14 Quilted Fiberglass Absorber</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-017-Acoustical-Curtain-Systems-Web.pdf" target="_blank">Acoustical Curtain Systems</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-018-Curtain-Track-Systems-Web.pdf" target="_blank">Curtain Track System</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-019-Flexible-Noise-Barriers.pdf" target="_blank">Flexible Noise Barrier</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-020-Acoustical-Pipe-Duct-Lagging-Web.pdf" target="_blank">Acoustical Pipe & Duct Lagging</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-021-Quilted-Fiberglass-Absorbers-min.pdf" target="_blank">Quilted Fiberglass Absorbers</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-022-Sound-Absorption-Baffles-Wall-Panels-Web.pdf" target="_blank">Sound Absorption Baffles & Wall Panels</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-023-Barrier-Quilted-Fiberglass-Absorber-Composites-Web.pdf" target="_blank">Barrier & Quilted Fiberglass Absorber Composites</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-024-Ultra-Sound-Absorption-Baffles-Wall-Panels.pdf" target="_blank">Ultra Sound Absorption Baffles & Wall Panels</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-025-Sound-Damp-E-Asphalt.pdf" target="_blank">Soundamp E Asphalt Based Vibration Damping Sheets</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-026-Ceiling-Clouds.pdf" target="_blank">Ceiling Clouds</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-026-Sailcloth-Baffles.pdf" target="_blank">Sailcloth Baffles</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-027-Barricade-Banners.pdf" target="_blank">Barricade Banners</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-037-Aluminum-Lagging-Web.pdf" target="_blank">Aluminum Lagging</a></li>
</ul>
</ul>
<h4>Roll-Up Doors</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/RD-006-G2-3600-FAB-Sheet-min.pdf" target="_blank">G2 Model 3600 Features</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/RD-007-G2-5400-FAB-Sheet-min.pdf" target="_blank">G2 Model 5400 Features</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Replacement-of-G2-Panels-and-Pulltrusions.pdf" target="_blank">Replacement of G2 Panels and Pultrusions</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Shavers-Side-Seal-Bug-Curtain-Insturctions.pdf" target="_blank">Side Seal Bug Curtain Installation Instructions</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/RD-010-G2-1800-Series-Face-Mount.pdf" target="_blank">G2 1800 Series - Face Mount</a></li>
</ul>
</ul>
<h4>PVC Strip Curtains</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-011-Truck-Curtain-Drawing.pdf" target="_blank">PVC Strip Curtain - Truck Installation Drawing</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-012-Truck-Curtain-Installation-Instructions.pdf" target="_blank">PVC Strip Curtain - Truck Installation Instructions</a></li>
</ul>
</ul>
<h4>Miscellaneous</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TD-001-Certificate-of-compliance-Food.pdf" target="_blank">Certificate of Compliance - International Food Safety Standards</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TD-003-Fabric-Specifications.pdf" target="_blank">Fabric Specifications</a></li>
</ul>
</ul>
<h4>TITLE</h4>
<ul>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>TITLE</h4>
<ul>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>TITLE</h4>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</div>
</div>
</div>
答案 0 :(得分：0)
在此部分用rcTab替换tablinks
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
进入
tablinks = document.getElementsByClassName("rcTab");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
答案 1 :(得分：0)
如果我们在show函数中添加一个循环，从每个选项卡中删除active类，问题就解决了。
此外，我已更新您的代码以删除内联HTML事件处理属性，而是使用符合现代且符合标准的addEventListener() API。
最后，我已从每个标签中删除了href="javascript:void(0)"代码，因为<li>元素首先没有获得href属性。
你会注意到我们将JavaScript与HTML分开后，HTML部分的清晰度有多大。
// Get a reference to the tabs
var tabs = document.querySelectorAll(".rcTab");
// Loop through them and assign click event handlers to them
tabs.forEach(function(tab, index){
tab.addEventListener("click", function(e){
show(e, "rcContent" + (index + 1));
});
});
function show(e, n) {
// Loop through the tabs and remove the active class from all of them
tabs.forEach(function(tab, index){
tab.classList.remove("active");
});
// *******************************************************************
var i, tabcontent, tablinks;
// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("rcContent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].classList.remove("active");
}
// Show the current tab, and add an "active" class to the link that opened the tab
document.getElementById(n).style.display = "block";
e.currentTarget.classList.add("active");
}.rcTab{
list-style: none;
display: inline-block;
padding: 2px 8px;
margin: 0 5px;
background: none;
cursor: pointer;
border-radius: 2px;
background-color: #aaa;
color: white;
}
.rcTab:hover{
background-color:#cd2027;
}
.rcTab.active {
background-color: #cd2027; /*url("http://www.shaverinc.com/wp-content/themes/shaver/img/bkg-redlines.png");*/
}
.rcContent {
display: none;
}
.rcContent h4 {
//transform: translate(50%, 0);
text-align: center;
}
.rc {
list-style-image: url('http://www.shaverinc.com/wp-content/uploads/document-e1481910868320.png');
background: none;
padding: 0;
margin: 0;
margin-left: 40px
}<div class="container">
<ul class="rcTabs" id="Tabs">
<li class="rcTab active">Literature</li>
<li class="rcTab">Case Studies</li>
<li class="rcTab">Technical Data Sheets</li>
</ul>
<div style="border: 1px solid; padding: 10px 5px;">
<div id="rcContent1" class="rcContent" style="display: block;">
<h4>Curtains & Dividers</h4>
<ul>
<ul>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/Curtain-Walls-General-web1.pdf">Curtains & Dividers Brochure</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/SW-C100Curtain-Wall-Auto-.pdf">Curtain Wall - Automative</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/Curtain-vs.-Perm.-Wall-.pdf">Curtain Wall vs. Permanent Wall</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/SW-I200InsulWall-Brochure-WEB.pdf" target="_blank">InsulWall Brochure</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/Building-Green-InsulWall.pdf" target="_blank">Green InsulWall</a></li>
</ul>
</ul>
<h4>Roll-Up Doors</h4>
<ul>
<ul>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/G2-Lite-Doors-NEW-o.pdf">G2 Lite Series</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/G2-5400-Series-NEW-o.pdf">G2 5400 Series</a></li>
</ul>
</ul>
<h4>PVC Strip Curtains</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-010-Truck-Strip-Curtains.pdf" target="_blank">Rear PVC Strip Door System</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>Noise Control Solutions</h4>
<ul>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-001-Compressor-Enclosure-Web.pdf" target="_blank">Compressor Enclosure</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>Welding Protection</h4>
<ul>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>Swing Doors</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/SD-001-400-Series-Swing-Door.pdf" target="_blank">400 Series Swing Door</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/SD-002-700-Series-Swing-Door.pdf" target="_blank">700 Series Swing Door</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/SD-003-1000-Series-Swing-Door.pdf" target="_blank">1000 Series Swing Door</a></li>
</ul>
</ul>
<h4>Truck Curtains, Insulated Bulkheads & Dividers</h4>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-001-BH200-Bulkheads.pdf" target="_blank">High Performance BH2000 Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-002-Light-Weight-CoolGaurd.pdf" target="_blank">Lightweight Series CoolGuard Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-003-Delivery-Van-Bulkhead.pdf" target="_blank">Delivery Van Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-004-VersaFit-Bulkhead.pdf" target="_blank">VersaFit Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-005-Z-Shape-Bulkhead.pdf" target="_blank">Z-Shaped Bulkhead</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-007-Quick-Release-Truck-Curtain.pdf" target="_blank">Quick Release Rear Door Curtain</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-008-Roller-Curtain.pdf" target="_blank">Rear Roller Curtain</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-009-Gravity-Door-Curtain.pdf" target="_blank">Side Door Gravity Curtain</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-010-Truck-Strip-Curtains.pdf" target="_blank">Rear PVC Strip Door System</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-006-Center-Divide-System.pdf" target="_blank">Center Divide System</a></li>
</ul>
</div>
<div id="rcContent2" class="rcContent">
<h4></h4>
<h4>Curtains & Dividers</h4>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/whats-behind-your-curtain-wall/" target="_blank">What’s Behind Your Curtain Wall?</a></li>
<li class="rc"><a href="http://www.shaverinc.com/facility-operations-wall/" target="_blank">Facility Operations: More Than a Wall</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-custom-curtains-protect-print-press-from-dust-and-debris/" target="_blank">Shaver’s Custom Curtains Protect Print Press From Dust and Debris</a></li>
</ul>
<h4>Insulated Curtains (InsulWall)</h4>
<ul>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/SW-I900-InsulWall-Beer-CS-Press.pdf" target="_blank">Beer Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Berries-CS-Web.pdf" target="_blank">Berries Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Cheese-CS-Web.pdf" target="_blank">Cheese Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Chocolate-CS-Web.pdf" target="_blank">Chocolate Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Data-Center-CS-Web.pdf" target="_blank">Date Centre Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Farm-Fresh-CS-Web.pdf" target="_blank">Farm Fresh Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Floral-CS-Web.pdf" target="_blank">Floral Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/SW-1800-InsullWall-Ice-Cream-CS-.pdf" target="_blank">Ice Cream Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-M-Block-CS-Low-Res.pdf" target="_blank">M Block Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Pharma-CS-Web.pdf" target="_blank">Pharma Case Study</a></li>
<li class="rc"><a href="http://shaverinc.com/wp-content/uploads/InsulWall-Red-Bull-CS-Web.pdf" target="_blank">Red Bull Case Study</a></li>
</ul>
<h4>Noise Control Solutions</h4>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/employee-air-conditioning-booth/" target="_blank">Employee Air Conditioning Booth</a></li>
<li class="rc"><a href="http://www.shaverinc.com/enclose-noisy-equipment-factory/" target="_blank">Enclose Noisy Equipment in Your Factory</a></li>
<li class="rc"><a href="http://www.shaverinc.com/noise-solutions-for-roof-top-hvac-units/" target="_blank">Noise Solutions For Roof Top HVAC Units</a></li>
<li class="rc"><a href="http://www.shaverinc.com/compressor-enclosure-for-automotive/" target="_blank">Compressor Enclosure for Automotive Dealership</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-sound-panels-work-wonders-at-stamping-plant/" target="_blank">Shaver’s Sound Panels Work Wonders at Stamping Plant</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-enclosures-reduce-compressor-noise-automotive-facility/" target="_blank">Shaver’s Enclosures Reduce Compressor Noise In Automotive Facility</a></li>
<li class="rc"><a href="http://www.shaverinc.com/noisy-plastic-regrind-machine-no-match-for-shavers-custom-enclosure-system/" target="_blank">Noisy Plastic Regrind Machine No Match for Shaver’s Custom Enclosure System</a></li>
<li class="rc"><a href="http://www.shaverinc.com/noisy-compressors-no-match-for-shavers-sound-absorber-panels/" target="_blank">Noisy Compressors No Match for Shaver’s Sound Absorber Panels</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-power-roll-up-door-contains-noise-from-parts-being-dumped-into-a-hopper/" target="_blank">Shaver’s Power Roll Up Door Contains Noise From Parts Being Dumped Into a Hopper</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shavers-noise-abatement-solutions-increase-productivity-and-safety/" target="_blank">Shaver’s Noise Abatement Solutions Increase Productivity and Safety</a></li>
<li class="rc"><a href="http://www.shaverinc.com/shaver-helps-mining-company-increase-productivity/" target="_blank">Shaver Helps Mining Company Increase Productivity</a></li>
<li class="rc"><a href="http://www.shaverinc.com/power-roll-up-doors-for-food-handling-industry/" target="_blank">Power Roll Up Doors for Food Handling Industry</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-029-Case-Study-Acoustical-Curtain-Panel.pdf" target="_blank">Squealing Tires and Screeching Tires</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-030-Case-Study-Acoustical-Curtain-Panels.pdf" target="_blank">Outdoor Noise Solution</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-033-Case-Study-Acoustical-Lagging.pdf" target="_blank">Acoustical Lagging Quiets Perkins School For The Blind</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-034-Case-Study-Accoustical-Absorption-Barrier-Panels.pdf" target="_blank">Acoustical Composite Quiets Compressor Station</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-035-Case-Study-BSC-25-Absorber-Barrier-Composite.pdf" target="_blank">BSC-25 Absorber Used in Portland Meseum of Art</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-036-Case-Study-Acoustical-Lagging.pdf" target="_blank">Acoustical Lagging Quiets Airport HVAC System</a></li>
</ul>
</div>
<div id="rcContent3" class="rcContent">
<h4></h4>
<h4>Track System & Mounting Information</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Pan-Ceiling-Mount.pdf" target="_blank"> Pan Ceiling Mount</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Roll-TracR-Hardware-MASTER-PDF-min-1.pdf" target="_blank">Track Mounting System</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Hardware-Industrial-Curtain2.pdf" target="_blank">Track Hardware Overview</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Roller-Track-Installation-Instructions1.pdf" target="_blank">Roller Track Installation Instructions</a></li>
</ul>
</ul>
<h4>Curtains & Dividers</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/CD-001Curtain-Wall-vs.-Perm-Wall1.pdf" target="_blank">Curtain Wall Vs. Permanent Wall</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-018-R3-InsulWall-Spec.pdf" target="_blank">InsulWall R3 Spec Sheet</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-018-R3-InsulWall-Spec.pdf" target="_blank">InsulWall R6 Spec Sheet</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-020-R9-InsulWall-Spec.pdf" target="_blank">InsulWall R9 Spec Sheet</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-021-R15-InsulWall-Spec.pdf" target="_blank">InsulWall R15 Spec Sheet</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/IW-014-InsulWall-Green-Specs-Print-20162.pdf" target="_blank">InsulWall Green Spec Sheet</a></li>
</ul>
</ul>
<h4>Noise Control Solutions</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-004-BBC10.pdf" target="_blank">BBC-10 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-005-BBC13-revised.pdf" target="_blank">BBC-13 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-006-BBC13-2in.pdf" target="_blank">BBC-13-2" Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-007-BBC15.pdf" target="_blank">BBC-15 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-008-BBC15-2in.pdf" target="_blank">BBC-15-2" Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-009-BSC19.pdf" target="_blank">BSC-19 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-010-BSC22.pdf" target="_blank">BSC-22 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-011-BSC24.pdf" target="_blank">BSC-24 Noise Barrier/Sound Absorber Composite>/a></a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-012-BSC25.pdf" target="_blank">BSC-25 Noise Barrier/Sound Absorber Composite</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-013-QFA1-.pdf" target="_blank">QFA-1 Quilted Fiberglass Absorber</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-014-QFA7.pdf" target="_blank">QFA-7 Quilted Fiberglass Absorber</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-015-QFA10.pdf" target="_blank">QFA-10 Quilted Fiberglass Absorber</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-016-QFA14.pdf" target="_blank">QFA-14 Quilted Fiberglass Absorber</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-017-Acoustical-Curtain-Systems-Web.pdf" target="_blank">Acoustical Curtain Systems</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-018-Curtain-Track-Systems-Web.pdf" target="_blank">Curtain Track System</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-019-Flexible-Noise-Barriers.pdf" target="_blank">Flexible Noise Barrier</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-020-Acoustical-Pipe-Duct-Lagging-Web.pdf" target="_blank">Acoustical Pipe & Duct Lagging</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-021-Quilted-Fiberglass-Absorbers-min.pdf" target="_blank">Quilted Fiberglass Absorbers</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-022-Sound-Absorption-Baffles-Wall-Panels-Web.pdf" target="_blank">Sound Absorption Baffles & Wall Panels</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-023-Barrier-Quilted-Fiberglass-Absorber-Composites-Web.pdf" target="_blank">Barrier & Quilted Fiberglass Absorber Composites</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-024-Ultra-Sound-Absorption-Baffles-Wall-Panels.pdf" target="_blank">Ultra Sound Absorption Baffles & Wall Panels</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-025-Sound-Damp-E-Asphalt.pdf" target="_blank">Soundamp E Asphalt Based Vibration Damping Sheets</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-026-Ceiling-Clouds.pdf" target="_blank">Ceiling Clouds</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-026-Sailcloth-Baffles.pdf" target="_blank">Sailcloth Baffles</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-027-Barricade-Banners.pdf" target="_blank">Barricade Banners</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/NA-037-Aluminum-Lagging-Web.pdf" target="_blank">Aluminum Lagging</a></li>
</ul>
</ul>
<h4>Roll-Up Doors</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/RD-006-G2-3600-FAB-Sheet-min.pdf" target="_blank">G2 Model 3600 Features</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/RD-007-G2-5400-FAB-Sheet-min.pdf" target="_blank">G2 Model 5400 Features</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Replacement-of-G2-Panels-and-Pulltrusions.pdf" target="_blank">Replacement of G2 Panels and Pultrusions</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/Shavers-Side-Seal-Bug-Curtain-Insturctions.pdf" target="_blank">Side Seal Bug Curtain Installation Instructions</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/RD-010-G2-1800-Series-Face-Mount.pdf" target="_blank">G2 1800 Series - Face Mount</a></li>
</ul>
</ul>
<h4>PVC Strip Curtains</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-011-Truck-Curtain-Drawing.pdf" target="_blank">PVC Strip Curtain - Truck Installation Drawing</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TL-012-Truck-Curtain-Installation-Instructions.pdf" target="_blank">PVC Strip Curtain - Truck Installation Instructions</a></li>
</ul>
</ul>
<h4>Miscellaneous</h4>
<ul>
<ul>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TD-001-Certificate-of-compliance-Food.pdf" target="_blank">Certificate of Compliance - International Food Safety Standards</a></li>
<li class="rc"><a href="http://www.shaverinc.com/wp-content/uploads/TD-003-Fabric-Specifications.pdf" target="_blank">Fabric Specifications</a></li>
</ul>
</ul>
<h4>TITLE</h4>
<ul>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>TITLE</h4>
<ul>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</ul>
<h4>TITLE</h4>
<ul>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
<li class="rc"><a href="website" target="_blank">Name</a></li>
</ul>
</div>
</div>
</div>