Jump to content

Displaying seperate div


Frieling

Recommended Posts

Well I am building this tool for the clan I am in to keep track of each member. I decided to do a 2 panel layout. Far left panel, is the navigation(Add soldier, Modify soldier). and the right panel is where you can add the soldier form, and modify the soldier form. But I am having troubles getting the div to display. They are all located inside divs like so(index.php):

<html><head>  <title>[1stAD] MILES</title>  <link rel="stylesheet" type="text/css" href="includes/main.css">  <script type="text/javascript" src="includes/js/jquery.min.js"></script>  <script type="text/javascript">  function mod_soldier(){   if ($('#mod_form').css('display') == 'none'){	$('#mod_form').fadeIn('slow');   }  }  </script></head>]<body> <div class="header"></div> <div class="content">  <!--Left Navigation Panel Start-->  <div class="Nav">   <ul>	<li><a href="javascript:mod_soldier()" id="mod_soldier" class="button">Modify Soldier</a></li>	<li><a href="#" id="add_link" class="button">Add New Soldier</a></li>   </ul>  </div>  <!--Left Navigation Panel Start-->  <!--<div class="SoldierList">   </div>-->   <!--Right Side Panel Start-->  <div class="SoldierInfo">   <!--Modify Soldier Form Start-->   <div class="mod_form" style="display:none;">	<form action="" method="">	 Search For Soldier: <input type="text" />	</form>   </div>   <!--Modify Soldier Form End-->  </div>  <!--Rigt Side Panel End--></div> <div class="footer">  Copyright © 2013-<?php echo "".date('Y').""; ?>, 1st Armored Division. All Rights Reserved<br />  Memebership Information Logistics Electronic System 1.0</div></body></html>

And then here is what it looks like:preview2_zps1cb9ad3f.png

Edited by frieling
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...