Esse script mostra, aumenta ou diminui a largura e também esconde ela.
<style type="text/css">
.pos1{
border:1px solid #cccccc;
width:50%;
}
.pos2{
border:1px solid #cccccc;
width:100%;
}
</style>
<script type="text/javascript">
function troca() {
var objeto = document.getElementById("muda");
if(objeto.style.display=="none") {
objeto.style.display="block";
}
}
</script>
<input type="button" value="muda" onclick="troca()">
<div style="width:100%">
<div id="muda" class="pos1" style="display:none;">conteúdo
<input type="button" value="aumenta" onclick="document.getElementById('muda').style.width='100%'">
<input type="button" value="diminui" onclick="document.getElementById('muda').style.width='50%'">
<input type="button" value="fecha" onclick="document.getElementById('muda').style.display='none'; document.getElementById('muda').style.width='50%';">
</div>
</div>