Untitled

<body>
    <div id="container">
        <div id="header">
             <h1 class="h1"><img src="images/header2.PNG"/> </h1>
        </div>
        <div id="navbar">
            <div id="navbar"> <b> <img src="images/home2.png" width="109" height="54"/> </b>
 <b><img src="images/about.png" width="l09" height="54"/> </b>
 <b><img src="images/news.png" width="109" height="54"/></b>
 <b><img src="images/contact.png" width="109" height="54"</b>
            </div>
            <div id="article1" class="articleContent">
                <p class="font">This is the content</p>
                <p class="font"></p>
            </div>
            <div id="footer">&copy;2014 | Privacy | Contact Information</div>
</body>
</html>

var article = document.getElementById('article1');
article.style.display = 'none';
document.getElementById('open').onclick= function(){
  article.style.display = 'block';
}
document.getElementById('close').onclick= function(){
 article.style.display = 'none';
}

function open(){

 document.getElementById(one).style.display = 'block';
}

function hide (){
   document.getElementById(one).style.display = 'hide';
}

function open(e) {
    e.removeAttribute("style");
}

function close(e) {
    e.style.display = "none";
}

open=document.getElementById("openDiv");
  open.onclick=function(){
    document.getElementById("articleContent").style.display=hidden;
  }
  hide=document.getElementById("hideDiv");
  hide.onclick=function(){
    document.getElementById("articleContent").style.display=initial;
  }