[danik.js]

Неужто непонятно?

Ну извини, я же нуб. Ничего не понимаю.

<style>
#uppodheader{
  background: red;
}
#content{
  width: 80%;
  margin: 0 auto;
  background: blue;
}
#header{
  height: 20px;
  border-radius: 10px;
  background: orange;
}

.layout2 #uppodheader{
    visibility: hidden;
}
.layout2 #content{
    width: 100%;
    margin: 0;
}
.layout2 #header{
    border-radius: 0;
    width: 100%;
    height: 50px;
}
</style>

<script>
function onclicker(x) {
    var content = document.getElementById('content');
    var header = document.getElementById('header');
    var prehed = document.getElementById('uppodheader');
    if (x==1) {
        document.body.classList.add('layout2');
    }
}
</script>

<div id="uppodheader">uppodheader</div>
<div id="header">header</div>
<div id="content">content</div>
<button onclick="onclicker(1)">Жми сюды</button>

classList не работает в старых браузерах, но это легко решается.