×

Warning message

  • Cisco Support Forums is in Read Only mode while the site is being migrated.
  • Cisco Support Forums is in Read Only mode while the site is being migrated.

Test Tabbed Block

  • Test Tab 1
  • Test Tab 2
  • Test Tab 3
  • Test Tab 4


Test Header

Webtwo ipsum dolor sit amet, eskobo chumby doostang bebo. Blekko shopify voki udemy groupon imeem edmodo palantir bubbli, boxbe lanyrd heroku zoodles voxy kippt wesabe napster airbnb chegg, unigo zillow hojoki tumblr jiglu groupon zillow yoono. Revver fleck ebay hulu doostang tumblr twitter handango kazaa revver, voxy yoono edmodo plaxo foodzie zanga reddit bubbli, sifteo akismet voki eskobo lijit weebly loopt appjet. Jibjab cuil dogster handango skype glogster hipmunk balihoo octopart, chegg gooru edmodo jaiku ideeli zanga etsy rovio vimeo, sclipo ebay foodzie movity blippy blekko ideeli. Blippy geni doostang udemy zlio appjet, blippy waze omgpop.


Test Header 2

Fleck palantir whrrl mozy groupon stypi sifteo kiko yoono dropio zillow wikia weebly ideeli unigo dogster, jajah zynga palantir elgg kippt chegg octopart spotify blippy foodzie twones boxbe lanyrd palantir. Reddit zapier handango spotify vuvox joukuu wikia, whrrl blekko blippy kazaa bitly knewton imvu, glogster zynga prezi skype meebo. Reddit twones zoodles jaiku lala blyve trulia oovoo jumo grockit, heekya oovoo fleck ideeli shopify xobni tumblr handango balihoo, geni spock knewton yoono stypi mzinga kaboodle kno. Wufoo prezi boxbe wufoo gsnap tumblr odeo, greplin foodzie groupon eskobo airbnb.


Test Header 3

Ning voxy joyent zoosk zapier oovoo divvyshot octopart grockit, chumby whrrl chumby bubbli napster revver squidoo joost, groupon insala groupon stypi bubbli elgg weebly. Jumo meevee hojoki wikia doostang tumblr trulia zapier tivo napster zimbra meebo napster koofers chegg, wufoo skype diigo chartly stypi dogster rovio zynga spock voxy quora bebo etsy. Glogster vimeo blippy jaiku qeyno glogster stypi octopart ideeli xobni waze balihoo kippt, zappos lanyrd grockit reddit koofers kosmix ngmoco zimbra zinch handango jaiku skype, lijit weebly lala twitter octopart zimbra fleck whrrl kosmix blippy vimeo.


Test Header 4

Ning voxy joyent zoosk zapier oovoo divvyshot octopart grockit, chumby whrrl chumby bubbli napster revver squidoo joost, groupon insala groupon stypi bubbli elgg weebly. Jumo meevee hojoki wikia doostang tumblr trulia zapier tivo napster zimbra meebo

napster koofers chegg, wufoo skype diigo chartly stypi dogster rovio zynga spock voxy quora bebo etsy. Glogster vimeo blippy jaiku qeyno glogster stypi octopart ideeli xobni waze balihoo kippt, zappos lanyrd grockit reddit koofers kosmix ngmoco zimbra zinch handango jaiku skype, lijit weebly lala twitter octopart zimbra fleck whrrl kosmix blippy vimeo.

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
function display_none(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'none';
}
function tac_active(element) {
document.getElementById("one").style.backgroundColor = "#fff";
document.getElementById("one").style.borderBottom = "1px solid #fff";
}
function tac_inactive(element) {
document.getElementById("one").style.backgroundColor = "#efefef";
document.getElementById("one").style.borderBottom = "1px solid #CECECE";
document.getElementById("one").style.paddingBottom = "9px";

}
function kb_active(element) {
document.getElementById("two").style.backgroundColor = "#fff";
document.getElementById("two").style.borderBottom = "1px solid #fff";
}
function kb_inactive(element) {
document.getElementById("two").style.backgroundColor = "#efefef";
document.getElementById("two").style.borderBottom = "1px solid #CECECE";
document.getElementById("two").style.paddingBottom = "9px";

}
function sw_active(element) {
document.getElementById("three").style.backgroundColor = "#fff";
document.getElementById("three").style.borderBottom = "1px solid #fff";
}
function sw_inactive(element) {
document.getElementById("three").style.backgroundColor = "#efefef";
document.getElementById("three").style.borderBottom = "1px solid #CECECE";
document.getElementById("three").style.paddingBottom = "9px";

}
function hw_active(element) {
document.getElementById("four").style.backgroundColor = "#fff";
document.getElementById("four").style.borderBottom = "1px solid #fff";
}
function hw_inactive(element) {
document.getElementById("four").style.backgroundColor = "#efefef";
document.getElementById("four").style.borderBottom = "1px solid #CECECE";
document.getElementById("four").style.paddingBottom = "9px";

}
function display_tac(element) {
document.getElementById("tac_tab").style.display = "block";

}
function display_kb(element) {
document.getElementById("kb_tab").style.display = "block";

}
function display_sw(element) {
document.getElementById("sw_tab").style.display = "block";

}
function display_hw(element) {
document.getElementById("hw_tab").style.display = "block";

}

.item {
font-family: "Arial", Helvetica;
font-size: 0.8em;
color: #666;
margin-bottom: 0.5em;
margin-left: 15px;

}
.item img {
padding-right: 5px;
margin-top: -0.3em;
float: left;
}
#helpful, #product_info, #training {
display: none;
}
.cat_block {
margin-bottom: 1px;
}
.cat_block a{
margin-top:-22px;
}
#software {
display: none;
padding-top: 15px;
}
#hardware {
display: none;
}
.cpe_tabs {
border: 1px solid #CECECE;
background-color: #efefef;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 39px;
padding-left: 0px;
margin: 15px 0 0 0;
}
ul.cpe_tabs {
margin: 15px 0 0 0;
}
.cpe_tabs li {
border-right: 1px solid #CECECE;
display: block;
float: left;
padding: 16px 5px 10px 5px;
font-size: 14px;
font-weight: 200;
text-decoration: none;
color: #333;
line-height: 2px;
margin-top: 0px;
}
ul.cpe_tabs li.active {
background-color: #fff;
}
#kb_tab {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
display: none;
padding-top: 10px;
margin-top: -5px;
}
#sw_tab {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
display: none;
padding-top: 10px;
margin-top: -5px;
}
#tac_tab {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
padding-top: 10px;
margin-top: -5px;
}
#hw_tab {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
padding-top: 10px;
display: none;
margin-top: -5px;
}
#one {
background-color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 9px;
}

Code

<ul class="cpe_tabs">
<li id="one"><a onclick="display_tac('tac_tab');display_none('sw_tab');display_none('kb_tab');display_none('hw_tab');tac_active(this);kb_inactive(this);sw_inactive(this);hw_inactive(this);">
Test Tab 1 <!-- Name of Tab 1 -->
</a>
</li>
<li id="two"><a onclick="display_none('tac_tab');display_kb('kb_tab');display_none('sw_tab');display_none('hw_tab');kb_active(this);tac_inactive(this);sw_inactive(this);hw_inactive(this);">
Test Tab 2 <!-- Name of Tab 2 -->
</a></li>
<li id="three"><a onclick="display_none('tac_tab');display_none('kb_tab');display_sw(this);display_none('hw_tab');kb_inactive(this);tac_inactive(this);sw_active(this);hw_inactive(this);">
Test Tab 3 <!-- Name of Tab 3 -->
</a>
</li>
<li id="four"><a onclick="display_none('tac_tab');display_none('kb_tab');display_none('sw_tab');display_hw('hw_tab');kb_inactive(this);tac_inactive(this);sw_inactive(this);hw_active(this);">
Test Tab 4 <!-- Name of Tab 4 -->
</a>
</li>
</ul>
 
 
<div id="tac_tab"> <!-- TAC Content Area -->
<p style="font-family: arial; font-size: 16px; color:#1D4099; padding-left:10px;"><img align="right" alt="" src="http://d.pr/i/YfIe+" width="156" />
<b>Test Header</b>
</p>
<p style="padding-left:10px; padding-top: 10px;">
Webtwo ipsum dolor sit amet, eskobo chumby doostang bebo. Blekko shopify voki udemy groupon imeem edmodo palantir bubbli, boxbe lanyrd heroku zoodles voxy kippt wesabe napster airbnb chegg, unigo zillow hojoki tumblr jiglu groupon zillow yoono. Revver fleck ebay hulu doostang tumblr twitter handango kazaa revver, voxy yoono edmodo plaxo foodzie zanga reddit bubbli, sifteo akismet voki eskobo lijit weebly loopt appjet. Jibjab cuil dogster handango skype glogster hipmunk balihoo octopart, chegg gooru edmodo jaiku ideeli zanga etsy rovio vimeo, sclipo ebay foodzie movity blippy blekko ideeli. Blippy geni doostang udemy zlio appjet, blippy waze omgpop. 
</p>
<br />
<br />
<br />
</div>
<div id="kb_tab"> <!-- KnowledgeBase Content Area -->
<p style="font-family: arial; font-size: 16px; color:#1D4099; padding-left:10px;"><img align="right" alt="" src="http://d.pr/i/tzQE+" width="125" />
<b>Test Header 2</b>
</p>
<div style="padding-left: 10px;">
Fleck palantir whrrl mozy groupon stypi sifteo kiko yoono dropio zillow wikia weebly ideeli unigo dogster, jajah zynga palantir elgg kippt chegg octopart spotify blippy foodzie twones boxbe lanyrd palantir. Reddit zapier handango spotify vuvox joukuu wikia, whrrl blekko blippy kazaa bitly knewton imvu, glogster zynga prezi skype meebo. Reddit twones zoodles jaiku lala blyve trulia oovoo jumo grockit, heekya oovoo fleck ideeli shopify xobni tumblr handango balihoo, geni spock knewton yoono stypi mzinga kaboodle kno. Wufoo prezi boxbe wufoo gsnap tumblr odeo, greplin foodzie groupon eskobo airbnb. 
<br />
<br />
<br />
 
</div>
<br />
</div>
<div id="sw_tab"> 
<p style="font-family: arial; font-size: 16px; color:#1D4099; padding-left:10px;">
<img align="right" alt="" height="104" src="http://d.pr/i/HEAF+" width="156" />
<b>Test Header 3</b>
</p>
<div style="padding-left: 10px;">Ning voxy joyent zoosk zapier oovoo divvyshot octopart grockit, chumby whrrl chumby bubbli napster revver squidoo joost, groupon insala groupon stypi bubbli elgg weebly. Jumo meevee hojoki wikia doostang tumblr trulia zapier tivo napster zimbra meebo napster koofers chegg, wufoo skype diigo chartly stypi dogster rovio zynga spock voxy quora bebo etsy. Glogster vimeo blippy jaiku qeyno glogster stypi octopart ideeli xobni waze balihoo kippt, zappos lanyrd grockit reddit koofers kosmix ngmoco zimbra zinch handango jaiku skype, lijit weebly lala twitter octopart zimbra fleck whrrl kosmix blippy vimeo. 
<br />
<br />
</div>
<br />
</div>
 
<div id="hw_tab">
 
<p style="font-family: arial; font-size: 16px; color:#1D4099; padding-left:10px;"><img align="right" height="157" src="http://d.pr/i/Uoxn+" style="margin-left:8px;" width="210" />
<b>Test Header 4</b>
</p>
<div style="padding-left: 10px;">
Ning voxy joyent zoosk zapier oovoo divvyshot octopart grockit, chumby whrrl chumby bubbli napster revver squidoo joost, groupon insala groupon stypi bubbli elgg weebly. Jumo meevee hojoki wikia doostang tumblr trulia zapier tivo napster zimbra meebo 
<br />
napster koofers chegg, wufoo skype diigo chartly stypi dogster rovio zynga spock voxy quora bebo etsy. Glogster vimeo blippy jaiku qeyno glogster stypi octopart ideeli xobni waze balihoo kippt, zappos lanyrd grockit reddit koofers kosmix ngmoco zimbra zinch handango jaiku skype, lijit weebly lala twitter octopart zimbra fleck whrrl kosmix blippy vimeo. 
<br /><br />
 
</div>
<br />
</div>
<!-- Don't modify script or style paramaters -->
<!-- Code created originally by -->
<script type="text/javascript">
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
    function display_none(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'none';
    }
function tac_active(element)  {  
    document.getElementById("one").style.backgroundColor = "#fff";
    document.getElementById("one").style.borderBottom = "1px solid #fff";
function tac_inactive(element)  {  
    document.getElementById("one").style.backgroundColor = "#efefef";
    document.getElementById("one").style.borderBottom = "1px solid #CECECE";
    document.getElementById("one").style.paddingBottom = "9px";
   
    function kb_active(element)  {  
    document.getElementById("two").style.backgroundColor = "#fff";
    document.getElementById("two").style.borderBottom = "1px solid #fff";
function kb_inactive(element)  {  
    document.getElementById("two").style.backgroundColor = "#efefef";
    document.getElementById("two").style.borderBottom = "1px solid #CECECE";
    document.getElementById("two").style.paddingBottom = "9px";
   
function sw_active(element)  {  
    document.getElementById("three").style.backgroundColor = "#fff";
    document.getElementById("three").style.borderBottom = "1px solid #fff";
function sw_inactive(element)  {  
    document.getElementById("three").style.backgroundColor = "#efefef";
    document.getElementById("three").style.borderBottom = "1px solid #CECECE";
    document.getElementById("three").style.paddingBottom = "9px";
   
}
function hw_active(element)  {  
    document.getElementById("four").style.backgroundColor = "#fff";
    document.getElementById("four").style.borderBottom = "1px solid #fff";
function hw_inactive(element)  {  
    document.getElementById("four").style.backgroundColor = "#efefef";
    document.getElementById("four").style.borderBottom = "1px solid #CECECE";
    document.getElementById("four").style.paddingBottom = "9px";
   
}
function display_tac(element)  {  
    document.getElementById("tac_tab").style.display = "block";
   
function display_kb(element)  {  
    document.getElementById("kb_tab").style.display = "block";
   
function display_sw(element)  {  
    document.getElementById("sw_tab").style.display = "block";
   
}
function display_hw(element)  {  
    document.getElementById("hw_tab").style.display = "block";
   
}
</script>
<style>
.item {
font-family: "Arial", Helvetica;
font-size: 0.8em;
color: #666;
margin-bottom: 0.5em;
margin-left: 15px;
 
}
.item img {
padding-right: 5px; 
margin-top: -0.3em; 
float: left;
}
#helpful, #product_info, #training {
display: none;
}
.cat_block {
margin-bottom: 1px;
}
.cat_block a{
margin-top:-22px;
}
#software {
display: none;
padding-top: 15px;
}
#hardware {
display: none;
}
.cpe_tabs {
border: 1px solid #CECECE;
background-color: #efefef;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 39px;
padding-left: 0px;
margin: 15px 0 0 0;
}
ul.cpe_tabs  {
margin: 15px 0 0 0;
}
.cpe_tabs li {
border-right: 1px solid #CECECE;
display: block;
float: left;
padding: 16px 5px 10px 5px;
font-size: 14px;
font-weight: 200;
text-decoration: none;
color: #333;
line-height: 2px;
margin-top: 0px;
}
.active {
background-color: #fff;
}
#kb_tab {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
display: none;
padding-top: 10px;
margin-top: -5px;
}
#sw_tab {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
display: none;
padding-top: 10px;
margin-top: -5px;
}
#tac_tab {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
padding-top: 10px;
margin-top: -5px;
}
#hw_tab {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
padding-top: 10px;
display: none;
margin-top: -5px;
}
#one {
background-color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 9px;
}
</style>
<!-- Don't modify anything above this line -->