<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>South Area Network</title>
<link href="css/new_style.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".hide-row").hide();
$(".display_show").show();
$('.display_show').click(function(){
$(this).next().slideToggle();
});
});
</script>
</head>
<body>
<table>
<tr>
<td><a href="#" class="display_show">this will be my button</a></td>
</tr>
<tr id="hide-row">
<td>what's up</td>
</tr>
<tr>
<td>some more content</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>South Area Network</title>
<link href="css/new_style.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".hide-row").hide();
$(".show-row").show();
$('.display_show').click(function(){
$(".hide-row, .show-row").slideToggle();
return false;
});
});
</script>
<style type="text/css">
tr{
display: block;
}
</style>
</head>
<body>
<table>
<tr>
<td><a href="#" class="display_show">this will be my button</a></td>
</tr>
<tr class="hide-row">
<td>what's up</td>
</tr>
<tr class="show-row">
<td>some more content</td>
</tr>
</table>
</body>
</html>
<style type="text/css">
tr.show-row, tr.hide-row{
display: block;
}
</style>
Even after following your link I do not understand what you want.  Try creating another simple example and instead of using text like "what's up" and "some more content" say things like: "this line should be hidden until the button is clicked  and then it should slide down and when the button is clicked on an additional time this content should slide back up"
<script type="text/javascript">
$(document).ready(function(){
//this is your starting point where all your slidingNavTerms are hidden and your display_hide links are displayed
$(".slidingNavTerms").hide();
$(".display_hide").show();
//here's your actual function, as far as a user clicking on a link in order to see the "hidden" link beneath it
$('.display_hide').click(function(){
$(this).next().slideToggle();
//$(this).html("System Performance ▲");
});
//this is the command that corresponds to all of the links on your main nav bar in that anytime the user hovers over a "primary" link, it sets all of the previously exposed links to "hidden." This way
//any expanded menus don't linger. Since I've got graphic to correspond with every link, I gave each link a function. It may not be the most elegant approach, but it got the job done.
$('.planning').hover(function(){
$(".slidingNavTerms").hide();
$(".display_hide").show();
});
$('.budget').hover(function(){
$(".slidingNavTerms").hide();
$(".display_hide").show();
});
$('.system_perf').hover(function(){
$(".slidingNavTerms").hide();
$(".display_hide").show();
});
$('.network_ops').hover(function(){
$(".slidingNavTerms").hide();
$(".display_hide").show();
});
$('.reference').hover(function(){
$(".slidingNavTerms").hide();
$(".display_hide").show();
});
$('.exec_reports').hover(function(){
$(".slidingNavTerms").hide();
$(".display_hide").show();
});
});
</script>
<div class="nav_bar">
<div class="navcontainer">
<ul>
<li><a href="http://localhost\SouthArea/index.php" class="home"></a></li>
<li><a href="page.php?page_id=14" class="regions"></a>
<ul>
<table class="regions"><!--I changed the width of "South Central" in order to accommodate the width of the div on line 62. It's actually larger than the actual cell in order to give the link the needed mask so the pulldown wouldn't go away-->
<tr>
<td class="regions_header">Carolina / Tennessee</td>
<td class="regions_header">Florida</td>
<td class="regions_header">Georgia / Alabama</td>
<td class="regions_header">Houston Gulf Coast</td>
<td class="regions_header" style="width:400px;">South Central</td>
<td class="regions_header">Central Texas</td>
</tr>
<tr>
<td>
<table class="regions_list" border="0">
<tr>
<td class="regions_list" style="width:auto;"><a href="http://vzwcarolinastennessee.com/" target="_blank" class="nav_menu_td">Region News</a></td>
</tr>
<tr>
<td style="height:15px;"><a href="#" class="display_hide" style="color:#000000; text-decoration:none; outline:0;">System Performance ▼</a>
<div class="slidingNavTerms" style="border:0; background-color:#cccccc; padding:3px; border-radius:3px; -moz-border-radius:3px; width:auto;"><a href="http://sasysperf.nss.vzwnet.com/dashb/dashboards.php?market=Carolinas/Tennessee" target="_blank" style="color:#000000; text-decoration:none; outline:0;">KPI Performance</a></div>
</td>
</tr>
<tr>
<td style="height:15px;"><a href="#" class="display_hide" style="color:#000000; text-decoration:none; outline:0;">Project Management ▼</a>
<div class="slidingNavTerms" style="border:1; background-color:#cccccc; padding:3px; border-radius:3px; -moz-border-radius:3px; width:auto;"><a href="http://casctxrgnp1v.win.eng.vzwnet.com/sitetracker/home.aspx" target="_blank" style="color:#000000;
text-decoration:none; outline:0;">Site Tracker</a></div>
</td>
</tr>
<tr>
<td class="regions_list" style="width:auto;"><a href="share_list.php" class="nav_menu_td">File Library</a></td>
</tr>
<tr>
<td class="regions_list" style="width:auto;"><a href="http://10.134.214.195/eoccat/default.aspx" class="nav_menu_td" target="_blank">EOC Tool</a></td>
</tr>
<tr>
<td class="regions_list" style="width:auto;"><a href="http://10.134.214.195/DataDashboardR2/Default.aspx" class="nav_menu_td" target="_blank">Data Dashboard</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://www.vzwflorida.com" target="_blank" class="nav_menu_td">Region News</a></td>
</tr>
<tr>
<td style="height:15px;"><a href="#" class="display_hide" style="color:#000000; text-decoration:none; outline:0;">System Performance ▼</a>
<div class="slidingNavTerms" style="border:1; background-color:#cccccc; padding:3px; border-radius:3px; -moz-border-radius:3px; width:auto;"><a href="http://sasysperf.nss.vzwnet.com/dashb/dashboards.php?market=Florida" target="_blank" style="color:#000000;
text-decoration:none; outline:0;">KPI Performance</a></div>
</td>
</tr>
<tr>
<td class="regions_list"><a href="http://netopscom.vzwnet.com/Login.asp" target="_blank" class="nav_menu_td">NetOpsCom</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://nettrac.vzwnet.com/Login.cshtml" target="_blank" class="nav_menu_td">NetTrac</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://florida-eoc.eng.vzwcorp.com/" target="_blank" class="nav_menu_td">EOC: Disaster Recovery</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://www.vzwgeorgiaalabama.com" target="_blank" class="nav_menu_td">Region News</a></td>
</tr>
<tr>
<td style="height:15px; width:auto;"><a href="#" class="display_hide" style="color:#000000; text-decoration:none; outline:0;">System Performance ▼</a>
<div class="slidingNavTerms" style="border:1; background-color:#cccccc; padding:3px; border-radius:3px; -moz-border-radius:3px; width:auto;"><a href="http://sasysperf.nss.vzwnet.com/dashb/dashboards.php?market=Georgia/Alabama" target="_blank" style="color:#000000;
text-decoration:none; outline:0;">KPI Performance</a></div>
</td>
</tr>
<tr>
<td class="regions_list"><a href="http://localhost\SouthArea/docs/newsletter.pdf" target="_blank" class="nav_menu_td">Network Newsletter</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://www.vzwhoustongulfcoast.com" target="_blank" class="nav_menu_td">Region News</a></td>
</tr>
<tr>
<td style="height:15px; width:auto;"><a href="#" class="display_hide" style="color:#000000; text-decoration:none; outline:0;">System Performance ▼</a>
<div class="slidingNavTerms" style="border:1; background-color:#cccccc; padding:3px; border-radius:3px; -moz-border-radius:3px; width:auto;"><a href="http://sasysperf.nss.vzwnet.com/dashb/dashboards.php?market=houston/gulf coast" target="_blank" style="color:#000000;
text-decoration:none; outline:0;">KPI Performance</a></div>
</td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://www.vzwsouthcentral.com" target="_blank" class="nav_menu_td">Region News</a></td>
</tr>
<tr>
<td style="height:15px; width:auto;"><a href="#" class="display_hide" style="color:#000000; text-decoration:none; outline:0;">System Performance ▼</a>
<div class="slidingNavTerms" style="border:1; background-color:#cccccc; padding:3px; border-radius:3px; -moz-border-radius:3px; width:auto;"><a href="http://sasysperf.nss.vzwnet.com/dashb/dashboards.php?market=South Central" target="_blank" style="color:#000000;
text-decoration:none; outline:0;">KPI Performance</a><a href="http://10.217.142.10:8080/SCTraffic/#/hotRSSI/diChart" target="_blank" style="color:#000000;
text-decoration:none; outline:0; margin-top:3px;">SC Traffic Website</a></div>
</td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://www.vzwcentraltexas.com" target="_blank" class="nav_menu_td">Region News</a></td>
</tr>
<tr>
<td style="height:15px; width:auto;"><a href="#" class="display_hide" style="color:#000000; text-decoration:none; outline:0;">System Performance ▼</a>
<div class="slidingNavTerms" style="border:1; background-color:#cccccc; padding:3px; border-radius:3px; -moz-border-radius:3px; width:auto;"><a href="http://sasysperf.nss.vzwnet.com/dashb/dashboards.php?market=Central Texas" target="_blank" style="color:#000000;
text-decoration:none; outline:0;">KPI Performance</a><hr style="margin-top:3px; margin-bottom:3px;"><a href="http://10.70.145.118/" target="_blank" style="color:#000000;
text-decoration:none; outline:0;">CTX Data Performance</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</ul>
</li>
<li><a href="page.php?page_id=15" class="planning"></a>
<ul>
<table class="regions" width="700">
<tr>
<td class="regions_header">RF Planning</td>
<td class="regions_header">Data Planning</td>
<td class="regions_header">Network Implementation</td>
<td class="regions_header">Power and Ground</td>
<td class="regions_header">Transport</td>
</tr>
<tr>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="https://cloudsites.vzbi.com/sites/SouthRFPlanning" target="_blank" class="nav_menu_td">Report Library</a></td>
</tr>
</table>
</td>
<td>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://gaalp1sql030.uswin.ad.vzwcorp.com/Reports_VZW_NET/Pages/Report.aspx?ItemPath=%2fCapitalBudgetTools%2fDEV_CurrentProjectReport" target="_blank" class="nav_menu_td">Current Projects Update</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://txslcpngpa1v.nss.vzwnet.com/cpng/index.php" target="_blank" class="nav_menu_td">Team Website</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://soareatransportreporting.south.vzwcorp.com/Default.aspx" class="nav_menu_td" target="_blank">Area Reports</a></td>
</tr>
</table>
</td>
</tr>
</table>
</ul>
</li>
<li><a href="page.php?page_id=16" class="budget"></a>
<ul style="margin-left:-300px;">
<table class="regions">
<tr>
<td class="regions_header">Tools & Reporting</td>
<td class="regions_header">Financial Planning & Analysis</td>
<td class="regions_header" style="width:100px;">Inventory</th>
<td class="regions_header">Real Estate / Regulatory</td>
<td class="regions_header">Code Administration</td>
</tr>
<tr>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="dashboard_1.php" class="nav_menu_td">Current Development Project List</a></td>
</tr>
<tr>
<td class="regions_list"><a href="project_request.php" class="nav_menu_td">New Development Project Request</a></td>
</tr>
<tr>
<td class="regions_list"><a href="https://portal.vh.vzwnet.com/aeportal/index.php/nss-apps" class="nav_menu_td" target="_blank">NSS Application Summary</a></td>
</tr>
<tr>
<td class="regions_list"><a href="https://portal.vh.vzwnet.com/aeportal/" class="nav_menu_td" target="_blank">NSS Portal</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://stakeholder.south.vzwcorp.com/" class="nav_menu_td">360 Survey Tool</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://budgettools.south.vzwcorp.com/default.aspx?aid=1&bpid=" class="nav_menu_td" target="_blank">Capital Budget Tool</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://expensebudgettool.south.vzwcorp.com/default.aspx" class="nav_menu_td" target="_blank">Expense Budget Tool</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://netadmin.nss.vzwnet.com/asset-management/cip-dashboard/" target="_blank" class="nav_menu_td">CIP Dashboard</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list" style="width:100px;"><a href="http://txslsaiapw1v.nss.vzwnet.com/" class="nav_menu_td" target="_blank">Inventory Tool</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list" style="width:160px;"><a href="http://sarrealestatetracker.south.vzwcorp.com/Default.aspx" class="nav_menu_td" target="_blank">Real Estate Tracker</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://10.215.213.203/c2/vzwcompreg/content.nsf/lookup.htmlpages/mainframe.html?open" class="nav_menu_td" target="_blank">Network Compliance and Regulatory</a></td>
</tr>
<tr>
<td class="regions_list"><a href="https://cloudsites.vzbi.com/sites/SARE_SmallCellMLA" class="nav_menu_td" target="_blank">Small Cell Sharepoint</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://localhost\SouthArea/page.php?page_id=9" class="nav_menu_td">Team Members</a></td>
</tr>
<tr>
<td class="regions_list"><a href="https://cloudsites.vzbi.com/sites/codeadmin" target="_blank" class="nav_menu_td">File Library</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://txslcarxpa1v.nss.vzwnet.com/CARRIE/eng/Lerg/index.cfm" class="nav_menu_td" target="_blank">CARRIE</a></td>
</tr>
</table>
</td>
</tr>
</table>
</ul>
</li>
<li><a href="page.php?page_id=17" class="system_perf"></a>
<ul class="tool_list">
<table class="regions" width="150">
<tr>
<td class="regions_header"><a href="http://sasysperf.nss.vzwnet.com/index.php" target="_blank" class="nav_menu_th" style="color:#ffffff;">Area System Performance</td>
</tr>
<tr>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://localhost\SouthArea/weekly_reports/index.php?id=4" class="nav_menu_td" target="_blank">Weekly Reporting</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://sasysperf.nss.vzwnet.com/index.php" class="nav_menu_td">Reporting Website</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://saportal.south.vzwcorp.com/LTEOffload/Index"class="nav_menu_td" target="_blank">LTE Offload Tool</a></td>
</tr>
<tr>
<td class="regions_list"><a href="https://cloudsites.vzbi.com/sites/SAMonthlyReporting/_layouts/15/start.aspx#/SitePages/Home.aspx "class="nav_menu_td" target="_blank">Monthly Reporting Sharepoint</a></td>
</tr>
</table>
</td>
</tr>
</table>
</ul>
</li>
<li><a href="page.php?page_id=18" class="network_ops"></a>
<ul class="tool_list">
<table class="regions" width="200">
<tr>
<td class="regions_header">Network Operations</td>
</tr>
<tr>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://txsltwp1v.nss.vzwnet.com/translations/" class="nav_menu_td" target="_blank">Translations Website</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://rempr2.vh.eng.vzwcorp.com/NCC/" class="nav_menu_td" target="_blank">Remedy Reporting</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://netadmin.nss.vzwnet.com/network-carrier-management/transport/ebh-dashboard" class="nav_menu_td" target="_blank">National EBH Dashboard</a></td>
</tr>
<tr>
<td class="regions_list"><a href="https://cloudsites.vzbi.com/sites/Small%20Cell/_layouts/15/start.aspx#/SitePages/Home.aspx" class="nav_menu_td" target="_blank">Small Cell Sharepoint Site</a></td>
</tr>
</table>
</td>
</tr>
</table>
</ul>
</li>
<li><a href="page.php?page_id=19" class="reference"></a>
<ul class="tool_list" style="margin-left:-365px;">
<table class="regions" width="150">
<tr>
<td class="regions_header">Quick Links</td>
<td class="regions_header">Organization</td>
<td class="regions_header">Systems</td>
</tr>
<tr>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://vzweb.vzwcorp.com/content/hq-departments/finance/finance-policies" target="_blank" class="nav_menu_td">Purchasing Card / Travel Policy</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://nextgen.vzwcorp.com/content/hq-departments/finance/accounting-procedure" target="_blank" class="nav_menu_td">VZW Schedule of Authorizations</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://webfiles.vzwcorp.com/files/finance/policies/GCP%20085%20Procurement%20Policy%2006_2008%20(5).pdf" target="_blank" class="nav_menu_td">Procurement / Purchasing Policy</a></td>
</tr>
<tr>
<td class="regions_list"><a href="https://vzweb2.verizon.com/sites/wireline/files/media/FINAL%20Property%20Plant%20and%20Equipment%20Accounting%20Guidelines%20(v11.01)%203-31-2015_0.pdf" target="_blank" class="nav_menu_td">Plant Property & Equipment (Capitalization Guideline)</a></td>
</tr>
<tr>
<td class="regions_list"><a href="https://vzweb2.verizon.com/sites/wireline/files/media/Software%20Guidelines-Signed%20Copy%20-%20searchable_0.pdf" target="_blank" class="nav_menu_td">Software Accounting Guideline</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://localhost\SouthArea/faq_list.php" class="nav_menu_td">FAQs</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://localhost\SouthArea/term_guide.php" class="nav_menu_td">Acronyms</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://localhost\SouthArea/page.php?page_id=7" class="nav_menu_td">Organization Chart</a></td>
</tr>
<tr>
<td class="regions_list"><a href="http://localhost\SouthArea/page.php?page_id=13" class="nav_menu_td">Professional Development</a></td>
</tr>
</table>
</td>
<td>
<table class="regions_list">
<tr>
<td class="regions_list"><a href="http://localhost\SouthArea/doc_list.php" class="nav_menu_td">File Library</a></td>
</tr>
</table>
</td>
</tr>
</table>
</ul>
</li>
<li><a href="page.php?page_id=20" class="reports"></a>
<ul>
<table class="regions">
<tr>
<td class="regions_header">Financial Planning and Analysis</td>
</tr>
<tr>
<td>
<table class="regions_list">
<tr>
<td><a href="http://netadmin.nss.vzwnet.com/asset-management/cip-dashboard/" target="_blank" class="nav_menu_td">CIP Dashboard</a></td>
</tr>
</table>
</td>
</tr>
</table>
</ul>
</li>
</ul>
</div>
You should change:
<tr id="hide-row">
to:
<tr class="hide-row">