rmcellig
July 25th, 2011, 08:39 PM
How can I add submenus under the Radio Shows item?
This is the code I am using:
<code>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
$("#top-divider").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').show();
$('#top-divider').show();
} else {
$('#back-top').hide();
$('#top-divider').hide();
}
});
// scroll body to 0px on click
$('#back-top').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
<div id="topbar">
<span style="float:left;padding-left:7px;">
<span style="width:30px;"><a href="#" id="back-top" onclick="return false;">BACK TO TOP</a></span>
<span id="letters" style="display:none;"><span id="top-divider"> | </span><a href="#a">A</a> <a href="#b">B</a> <a href="#c">C</a> <a href="#d">D</a> <a href="#e">E</a> <a href="#f">F</a> <a href="#g">G</a> <a href="#h">H</a> <a href="#i">I</a> <a href="#j">J</a> <a href="#k">K</a> <a href="#l">L</a> <a href="#m">M</a> <a href="#n">N</a> <a href="#o">O</a> <a href="#p">P</a> <a href="#q">Q</a> <a href="#r">R</a> <a href="#s">S</a> <a href="#t">T</a> <a href="#u">U</a> <a href="#v">V</a> <a href="#w">W</a> <a href="#x">X</a> <a href="#y">Y</a> <a href="#z">Z</a> </span>
</span>
<span style="float:right;padding-right:7px;">
<a href="http://www.mcran.com" target="_self"><b>HOME</b></a> |
<a href="http://www.mcran.com/bio-test-page.php" target="_self"><b>BIO</b></a> |
<a href="http://www.mcran.com/contact.php" target="_self"><b>CONTACT</b></a> |
<a href="http://www.mcran.com/interviews.php" target="_self"><b>INTERVIEWS</b></a> |
<a href="http://www.mcran.com/playlistsshowtable.php" target="_self"><b>PLAYLISTS</b></a> |
<a href="http://www.mcran.com/2010-2006showstable.php" target="_self"><b>RADIO SHOWS</b></a> |
<a href="http://www.mcran.com/favorite-sites.php" target="_self"><b>RESOURCES</b></a> |
</span>
</div>
</code>
This is the code I am using:
<code>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
$("#top-divider").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').show();
$('#top-divider').show();
} else {
$('#back-top').hide();
$('#top-divider').hide();
}
});
// scroll body to 0px on click
$('#back-top').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
<div id="topbar">
<span style="float:left;padding-left:7px;">
<span style="width:30px;"><a href="#" id="back-top" onclick="return false;">BACK TO TOP</a></span>
<span id="letters" style="display:none;"><span id="top-divider"> | </span><a href="#a">A</a> <a href="#b">B</a> <a href="#c">C</a> <a href="#d">D</a> <a href="#e">E</a> <a href="#f">F</a> <a href="#g">G</a> <a href="#h">H</a> <a href="#i">I</a> <a href="#j">J</a> <a href="#k">K</a> <a href="#l">L</a> <a href="#m">M</a> <a href="#n">N</a> <a href="#o">O</a> <a href="#p">P</a> <a href="#q">Q</a> <a href="#r">R</a> <a href="#s">S</a> <a href="#t">T</a> <a href="#u">U</a> <a href="#v">V</a> <a href="#w">W</a> <a href="#x">X</a> <a href="#y">Y</a> <a href="#z">Z</a> </span>
</span>
<span style="float:right;padding-right:7px;">
<a href="http://www.mcran.com" target="_self"><b>HOME</b></a> |
<a href="http://www.mcran.com/bio-test-page.php" target="_self"><b>BIO</b></a> |
<a href="http://www.mcran.com/contact.php" target="_self"><b>CONTACT</b></a> |
<a href="http://www.mcran.com/interviews.php" target="_self"><b>INTERVIEWS</b></a> |
<a href="http://www.mcran.com/playlistsshowtable.php" target="_self"><b>PLAYLISTS</b></a> |
<a href="http://www.mcran.com/2010-2006showstable.php" target="_self"><b>RADIO SHOWS</b></a> |
<a href="http://www.mcran.com/favorite-sites.php" target="_self"><b>RESOURCES</b></a> |
</span>
</div>
</code>