Menu
I’m using this to change some tabs around. Is there a way to add hashes to the URL too or some way that i can enable back/forward buttons functions and link to a particular tab?
$(document).ready(function(){
$(“.buttons”).click(function () {
if ($(this).hasClass(“current_tab_button”)){ //is it the tab that’s already displayed
return false //if so, don’t change anything
}
else
{
$(“.buttons”).removeClass(“current_tab_button”); //if not, delete that class for all .buttons
$(this).addClass(“current_tab_button”); //add that class to the current button
$(‘.tip’).hide(); //hide tooltip product descriptions
var divname= this.id;
//alert(divname);
$(“.viz”).fadeOut(350, function(){
$(“.viz”).removeClass(“viz”);
$(“#”+divname+”div”).addClass(“viz”);
$(“.viz”).fadeIn(350);
$(“.scroll-pane”).jScrollPane();
});
}
});
});
<div class=”home_page_background_div” id=”home_page_background_div”>
<div style=”display:none” id=”button1″ class=”buttons font_typ_button_red”>WELCOME</div>
<div id=”button2″ class=”buttons font_typ_button_red” style=”margin-top:7px;”>ABOUT US</div>
<div id=”button3″ class=”buttons font_typ_button_red”>ABOUT OUR PRODUCTS</div>
<div id=”button6″ class=”buttons font_typ_button_red”>ARTWORK SPECIFICATIONS</div>
<div id=”button4″ class=”buttons font_typ_button_red”>CONTACT</div>
<div id=”button5″ class=”buttons font_typ_button_red”>SAMPLE KIT</div>
<div class=”viz” id=”button1div”>
<img src=” img/gif/husker_baseball.jpg” width=”517px”/>
</div>
<div style=’display: none’ id=”button2div”>
<div class=”scroll-pane” style=”max-width: 517px; height:521px;”>
<div class=” home_page_margin_div”>
<table class=”contact_us_table” border=”0″>
<tr height:”10px” >
<td style=”width:150px;”>
<p class=”contact_us_header”>SINCE 1940</p>
</td>
<td style=”width:55px;”>
</td>
<td style=”width:150px;”>
<p class=”contact_us_header”></p>
</td>
</tr>
<tr>
<td valign=”bottom” colspan=”3″>
<p class=”contact_us_h2″>OUR HISTORY</p>
</td>
</tr>
<tr>
<td style=”width:150px; border-bottom:1px solid #666″ valign=”bottom” colspan=”3″></td>
</tr>
<tr>
<td style=”width:150px;” valign=”bottom” colspan=”3″>
<p class=”contact_us_h3_2″>Independent’s Service Company has been serving the outdoor advertising needs of America since 1940. Our company began with one small screen print press, printing billboards for the Independent Baker’s Association, which is the origin of the company’s name. <br /><br />
The family-owned company today is run by the third and fourth generations of the founder, Frank Berry. Over the years, one screen press in a small shop evolved into a company employing many skilled workers. Today, the silk-screen presses have been replaced by a number of state-of-the-art, grand format, digital printers.
<br /><br />
Independent’s Service Company now produces large format graphics for the full gamut of America’s large and small billboard companies, printing houses, sign shops, and individuals, along with some of the country’s most prestigious advertising agencies.</p>
</td>
</tr>
<tr>
<td valign=”bottom” colspan=”3″>
<p class=”contact_us_h2″>AND OUR PRESENT</p>
</td>
</tr>
<tr>
<td style=”width:150px; border-bottom:1px solid #666″ valign=”bottom” colspan=”3″></td>
</tr>
<tr>
<td style=”width:150px;” valign=”bottom” colspan=”3″>
<p class=”contact_us_h3_2″>Today we are a proud member of the outdoor advertising community’s foundation. We serve our customers with high quality printing, and an increasing diversification and modernization of products. We specialize in quality, top-notch customer care that hasn’t changed in our 70+ years of doing business, and won’t in the future. <br /><br /><br /><br /></p>
</td>
</tr>
</table>
</div>
</div>
</div>
etc.
Thanks so much for looking!