Tabs

<div class="tabs">
    <ul class="tabs__list" role="tablist" data-itemcount="5">
        <li role="tab" class="tabs__item">
            <a class="tabs__link js-tab-link" href="#tabContent1">Product information</a>
        </li>
        <li role="tab" class="tabs__item">
            <a class="tabs__link js-tab-link" href="#tabContent2">Technology</a>
        </li>
        <li role="tab" class="tabs__item ">
            <a class="tabs__link js-tab-link" href="#tabContent3">Evidence</a>
        </li>
        <li role="tab" class="tabs__item ">
            <a class="tabs__link js-tab-link" href="#tabContent4">Resources</a>
        </li>
        <li role="tab" class="tabs__item ">
            <a class="tabs__link js-tab-link" href="#tabContent5">Instructions</a>
        </li>
    </ul>
    <div class="tabs__tabcontent" id="tabContent1" role="tabpanel">
        <h2>Description</h2>
        <p>ACTICOAT is a potent antimicrobial barrier dressing. The Nanocrystalline coating of silver rapidly kills a broad spectrum of bacteria in as little as 30 minutes. ACTICOAT consists of three layers: an absorbent inner core sandwiched between outer
            layers of silver coated, low adherent polyethylene net. Nanocrystalline Silver protects the wound site from bacterial colonization while the inner core helps maintain moist wound environment. &nbsp;</p>
        <h2>Features &amp; Benefits</h2>
        <ul>
            <li><strong>Nanocrystalline Silver Antimicrobial barrier</strong><br>ACTICOAT provides an effective barrier to protect the wound site from invasive pathogens </li>
            <li><strong>Broad spectrum antimicrobial activity</strong><br>(<em>In-vitro data shows</em>) ACTICOAT is an effective barrier to over 150 pathogens which includes a broad spectrum of gram positive and negative bacteria and fungal wound pathogens.
                ACTICOAT is also an effective barrier to multiple strains of Antibiotic resistant <em>Pseudomonas</em>, Methicillin resistant <em>Staphylococcus aureus</em> (MRSA) and Vancomycin resistant <em>Enterococcus</em> (VRE). ACTICOAT is a potent
                antimicrobial barrier dressing. The Nanocrystalline coating of silver rapidly kills a broad spectrum of bacteria in as little as 30 minutes. ACTICOAT consists of three layers: an absorbent inner core sandwiched between outer layers of
                silver coated, low adherent polyethylene net. Nanocrystalline Silver protects the wound site from bacterial colonization while the inner core helps maintain moist wound environment. <strong>&nbsp;</strong> </li>
            <li><strong>Sustained release of silver for 3 days</strong><br>The sustained release of silver ensures that ACTICOAT remains effective for a up to 3 days. <strong>&nbsp;</strong> </li>
            <li><strong>Fast acting</strong><em><br>In-vitro</em> data shows ACTICOAT rapidly kills bacteria in as little as 30 minutes - faster than other forms of silver. <strong>&nbsp;</strong> </li>
            <li><strong>Easy to use</strong><br>Easier and less painful to remove than SSD (silver sulphadiazine) making it a dressing of choice for both the patient and the carer. <strong>&nbsp;</strong> </li>
            <li><strong>Prevents and reduces infection</strong><br>ACTICOAT kills pathogenic organisms in wounds to reduce the risk of infection. ACTICOAT is also effective in the reduction of bacterial load in wounds.&nbsp;<strong>&nbsp;</strong> </li>
            <li><strong>Can be used on extensive body surface area wounds</strong><br>ACTICOAT is available in a wide range of sizes and can be cut to shape, enabling the chosen size of dressing to conform to the wound surface. </li>
            <li><strong>Assists faster healing</strong><br>ACTICOAT contributes to effective wound bed preparation which in turn assists faster healing. <strong>&nbsp;</strong> </li>
            <li><strong>Low adherent</strong><br>Dressing changes are less traumatic than traditional methods for both the patient and the carer. </li>
        </ul>
        <h2>Indications</h2>
        <p>Indicated as an antimicrobial barrier layer over partial and full thickness wounds such as pressure ulcers, leg ulcers, diabetic foot ulcers, burns, recipient graft sites and cavity wounds.</p>
        <h2>Contraindications</h2>
        <ul>
            <li>Do not use on patients with a known sensitivity to silver.</li>
            <li>In patients undergoing MRI (Magnetic Resonance Imaging) ACTICOAT must be removed from the area within the anatomical field being imaged. If ACTICOAT is being used on any area not within the image field, it may remain in place during the MRI.</li>
            <li>Prior to administering radiation therapy, remove ACTICOAT. A new dressing can be applied following treatment.</li>
        </ul>
        <h2>Precautions</h2>
        <ul>
            <li>For external use only</li>
            <li>ACTICOAT is not compatible with oil-based products, such as petrolatum</li>
            <li>Avoid contact with electrodes or conductive gels during electronic measurements e.g. EEG and ECG</li>
            <li>Do not use if product color is not uniform</li>
        </ul>
        <p>&nbsp;</p>
        <h2>Ordering Codes</h2>
        <table border="0" cellspacing="1" cellpadding="1" width="100%">
            <tbody>
                <tr>
                    <td align="left" valign="bottom"><strong>Product #</strong></td>
                    <td align="left" valign="bottom"><strong>Size</strong></td>
                    <td align="left" valign="bottom"><strong>Pcs/Pkg</strong></td>
                    <td><strong>Pkgs/Case</strong></td>
                    <td><strong>HCPCS Code</strong></td>
                </tr>
                <tr>
                    <td align="left" valign="bottom">20101</td>
                    <td align="left" valign="bottom">4" x 4"</td>
                    <td align="left" valign="bottom">12</td>
                    <td>4</td>
                    <td>A9270</td>
                </tr>
                <tr>
                    <td align="left" valign="bottom">20201</td>
                    <td align="left" valign="bottom">4" x 8"</td>
                    <td align="left" valign="bottom">12</td>
                    <td>4</td>
                    <td>A9270</td>
                </tr>
                <tr>
                    <td align="left" valign="bottom">20301</td>
                    <td align="left" valign="bottom">8" x 16"</td>
                    <td align="left" valign="bottom">6</td>
                    <td>4</td>
                    <td>A9270</td>
                </tr>
                <tr>
                    <td align="left" valign="bottom">20401</td>
                    <td align="left" valign="bottom">16" x 16"</td>
                    <td align="left" valign="bottom">6</td>
                    <td>2</td>
                    <td>A9270</td>
                </tr>
                <tr>
                    <td align="left" valign="bottom">20501</td>
                    <td align="left" valign="bottom">4" x 48" Roll</td>
                    <td align="left" valign="bottom">6</td>
                    <td>2</td>
                    <td>A9270</td>
                </tr>
                <tr>
                    <td>20601</td>
                    <td>2" x 2"</td>
                    <td>5</td>
                    <td>20</td>
                    <td>A9270</td>
                </tr>
                <tr>
                    <td>20151</td>
                    <td>5" x 5"</td>
                    <td>5</td>
                    <td>5</td>
                    <td>A9270</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="tabs__tabcontent" id="tabContent2" role="tabpanel">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, ipsum.-1</p>
    </div>
    <div class="tabs__tabcontent" id="tabContent3" role="tabpanel">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, ipsum.-1</p>
    </div>
    <div class="tabs__tabcontent" id="tabContent4" role="tabpanel">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, ipsum.-1</p>
    </div>
    <div class="tabs__tabcontent" id="tabContent5" role="tabpanel">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, ipsum.-1</p>
    </div>
</div>
<div class="tabs">
	<ul class="tabs__list" role="tablist" data-itemcount="5">
		<li role="tab" class="tabs__item">
			<a class="tabs__link js-tab-link" href="#tabContent1">Product information</a>
		</li>
		<li role="tab" class="tabs__item">
			<a class="tabs__link js-tab-link" href="#tabContent2">Technology</a>
		</li>
		<li role="tab" class="tabs__item ">
			<a class="tabs__link js-tab-link" href="#tabContent3">Evidence</a>
		</li>
		<li role="tab" class="tabs__item ">
			<a class="tabs__link js-tab-link" href="#tabContent4">Resources</a>
		</li>
		<li role="tab" class="tabs__item ">
			<a class="tabs__link js-tab-link" href="#tabContent5">Instructions</a>
		</li>
	</ul>
	<div class="tabs__tabcontent" id="tabContent1" role="tabpanel">
                                    <h2>Description</h2>
<p>ACTICOAT is a potent antimicrobial barrier dressing. The Nanocrystalline coating of silver rapidly kills a broad spectrum of bacteria in as little as 30 minutes. ACTICOAT consists of three layers: an absorbent inner core sandwiched between outer layers of silver coated, low adherent polyethylene net. Nanocrystalline Silver protects the wound site from bacterial colonization while the inner core helps maintain moist wound environment. &nbsp;</p>
<h2>Features &amp; Benefits</h2>
<ul>
<li><strong>Nanocrystalline Silver Antimicrobial barrier</strong><br>ACTICOAT provides an effective barrier to protect the wound site from invasive pathogens </li>
<li><strong>Broad spectrum antimicrobial activity</strong><br>(<em>In-vitro data shows</em>) ACTICOAT is an effective barrier to over 150 pathogens which includes a broad spectrum of gram positive and negative bacteria and fungal wound pathogens. ACTICOAT is also an effective barrier to multiple strains of Antibiotic resistant <em>Pseudomonas</em>, Methicillin resistant <em>Staphylococcus aureus</em> (MRSA) and Vancomycin resistant <em>Enterococcus</em> (VRE). ACTICOAT is a potent antimicrobial barrier dressing. The Nanocrystalline coating of silver rapidly kills a broad spectrum of bacteria in as little as 30 minutes. ACTICOAT consists of three layers: an absorbent inner core sandwiched between outer layers of silver coated, low adherent polyethylene net. Nanocrystalline Silver protects the wound site from bacterial colonization while the inner core helps maintain moist wound environment. <strong>&nbsp;</strong> </li>
<li><strong>Sustained release of silver for 3 days</strong><br>The sustained release of silver ensures that ACTICOAT remains effective for a up to 3 days. <strong>&nbsp;</strong> </li>
<li><strong>Fast acting</strong><em><br>In-vitro</em> data shows ACTICOAT rapidly kills bacteria in as little as 30 minutes - faster than other forms of silver. <strong>&nbsp;</strong> </li>
<li><strong>Easy to use</strong><br>Easier and less painful to remove than SSD (silver sulphadiazine) making it a dressing of choice for both the patient and the carer. <strong>&nbsp;</strong> </li>
<li><strong>Prevents and reduces infection</strong><br>ACTICOAT kills pathogenic organisms in wounds to reduce the risk of infection. ACTICOAT is also effective in the reduction of bacterial load in wounds.&nbsp;<strong>&nbsp;</strong> </li>
<li><strong>Can be used on extensive body surface area wounds</strong><br>ACTICOAT is available in a wide range of sizes and can be cut to shape, enabling the chosen size of dressing to conform to the wound surface. </li>
<li><strong>Assists faster healing</strong><br>ACTICOAT contributes to effective wound bed preparation which in turn assists faster healing. <strong>&nbsp;</strong> </li>
<li><strong>Low adherent</strong><br>Dressing changes are less traumatic than traditional methods for both the patient and the carer. </li>
</ul>
<h2>Indications</h2>
<p>Indicated as an antimicrobial barrier layer over partial and full thickness wounds such as pressure ulcers, leg ulcers, diabetic foot ulcers, burns, recipient graft sites and cavity wounds.</p>
<h2>Contraindications</h2>
<ul>
<li>Do not use on patients with a known sensitivity to silver.</li>
<li>In patients undergoing MRI (Magnetic Resonance Imaging) ACTICOAT must be  removed from the area within the anatomical field being imaged. If  ACTICOAT is being used on any area not within the image field, it may  remain in place during the MRI.</li>
<li>Prior to administering radiation therapy, remove ACTICOAT. A new dressing can be applied following treatment.</li>
</ul>
<h2>Precautions</h2>
<ul>
<li>For external use only</li>
<li>ACTICOAT is not compatible with oil-based products, such as petrolatum</li>
<li>Avoid contact with electrodes or conductive gels during electronic measurements e.g. EEG and ECG</li>
<li>Do not use if product color is not uniform</li>
</ul>
<p>&nbsp;</p>
<h2>Ordering Codes</h2>
<table border="0" cellspacing="1" cellpadding="1" width="100%">
<tbody>
<tr>
<td align="left" valign="bottom"><strong>Product #</strong></td>
<td align="left" valign="bottom"><strong>Size</strong></td>
<td align="left" valign="bottom"><strong>Pcs/Pkg</strong></td>
<td><strong>Pkgs/Case</strong></td>
<td><strong>HCPCS Code</strong></td>
</tr>
<tr>
<td align="left" valign="bottom">20101</td>
<td align="left" valign="bottom">4" x 4"</td>
<td align="left" valign="bottom">12</td>
<td>4</td>
<td>A9270</td>
</tr>
<tr>
<td align="left" valign="bottom">20201</td>
<td align="left" valign="bottom">4" x 8"</td>
<td align="left" valign="bottom">12</td>
<td>4</td>
<td>A9270</td>
</tr>
<tr>
<td align="left" valign="bottom">20301</td>
<td align="left" valign="bottom">8" x 16"</td>
<td align="left" valign="bottom">6</td>
<td>4</td>
<td>A9270</td>
</tr>
<tr>
<td align="left" valign="bottom">20401</td>
<td align="left" valign="bottom">16" x 16"</td>
<td align="left" valign="bottom">6</td>
<td>2</td>
<td>A9270</td>
</tr>
<tr>
<td align="left" valign="bottom">20501</td>
<td align="left" valign="bottom">4" x 48" Roll</td>
<td align="left" valign="bottom">6</td>
<td>2</td>
<td>A9270</td>
</tr>
<tr>
<td>20601</td>
<td>2" x 2"</td>
<td>5</td>
<td>20</td>
<td>A9270</td>
</tr>
<tr>
<td>20151</td>
<td>5" x 5"</td>
<td>5</td>
<td>5</td>
<td>A9270</td>
</tr>
</tbody>
</table>
	</div>
	<div class="tabs__tabcontent" id="tabContent2" role="tabpanel">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, ipsum.-1</p>
	</div>
	<div class="tabs__tabcontent" id="tabContent3" role="tabpanel">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, ipsum.-1</p>
	</div>
	<div class="tabs__tabcontent" id="tabContent4" role="tabpanel">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, ipsum.-1</p>
	</div>
	<div class="tabs__tabcontent" id="tabContent5" role="tabpanel">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, ipsum.-1</p>
	</div>
</div>
/* No context defined for this component. */
.js .tabs__tabcontent {
	display: none;
}
.no-js .tabs__list {
	display: none;
}
.tabs__list {
	display: block;
	@include clearfix();
	@include mq($from: med) {
		display: flex;
	}
}
.tabs__item {
	width:100%;
	margin-bottom: 1em;
	@include mq($from: med) {
		flex: 1 1 auto;
	 	float: flip(left,right);
	 	width: auto;
	 	#{$padding-left}: 5px;
	 	margin-bottom: 0;
	 	&:first-child {
	 		#{$padding-left}: 0;
	 	}
	}	 
}
.tabs__link {
	display: block;
	padding: 0.5em;
	background: $grey;
	color: $black--off;
	@include mq($from: med) {
		text-align: center;
		height: 100%;
		display: flex;
	    align-items: center;
	    justify-content: center;
	}
}
.tabs__link--active {
	background: $white;
	@include mq($from: med) {
		position: relative;
		overflow: hidden;
		padding-right: 21px;
		&:after {
			content: '';
			position: absolute;
			right: 0;
			top: 0;
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 20px 20px 0;
			border-color: transparent $grey--superlight transparent transparent;
		}
	}
}
.tabs__tabcontent {
	padding: 2em 1em;
	background: $white;
  h1,h2,h3,h4,h5,h6 {
    margin-bottom: 0.5em;
  }
  ul,ol {
  	margin-bottom: 0.5em;

  }
  li {
  	list-style-type: disc;
  	margin-left: 1em;
  	line-height: 1.4;
  	margin-bottom: 0.5em;
  }
}

@include mq($from: med) {
	.tabs__item {
	   	[data-itemcount="5"] & {
	   		width: 20%;
	   	}
	   	[data-itemcount="4"] & {
	   		width: 25%;
	   	}
	}
}
$(document).ready(function() { 
    var target = null;

    // collect all the tabs
    var tabs = $('.js-tab-link').on('click', function () {
      target = $(this.hash).removeAttr('id');

      // if the URL isn't going to change, then hashchange
      // event doesn't fire, so we trigger the update manually
      if (location.hash === this.hash) {
        // but this has to happen after the DOM update has
        // completed, so we wrap it in a setTimeout 0
        setTimeout(update, 0);
      }
    });

    // get an array of the panel ids (from the anchor hash)
    var targets = tabs.map(function () {
      return this.hash;
    }).get();

    // use those ids to get a jQuery collection of panels
    var panels = $(targets.join(',')).each(function () {
      // keep a copy of what the original el.id was
      $(this).data('old-id', this.id);
    });

    function update() {
      if (target) {
        target.attr('id', target.data('old-id'));
        target = null;
      }

      var hash = window.location.hash;
      if (targets.indexOf(hash) !== -1) {
        show(hash);
      }
    }

    function show(id) {
      // if no value was given, let's take the first panel
      if (!id) {
        id = targets[0];
      }
      // remove the selected class from the tabs,
      // and add it back to the one the user selected
      tabs.removeClass('tabs__link--active').filter(function () {
        return (this.hash === id);
      }).addClass('tabs__link--active');

      // now hide all the panels, then filter to
      // the one we're interested in, and show it
      panels.hide().filter(id).show();
    }

    $(window).on('hashchange', update);

    // initialise
    if (targets.indexOf(window.location.hash) !== -1) {
      update();
    } else {
      show();
    }
});

There are no notes for this item.