The demo won't allow me to add buttons into the frame so I've added a prompt so you can refresh the page and enter a new value so see a different style.
HTML:
<button id="btn1">Default</button>
<button id="btn2">Style 1</button>
<button id="btn3">Style 2</button>
JS:
$('#btn1').click(function () {
$('#fset1').attr('cols', '30%, *');
$("#frame1").appendTo("#fset1");
$("#frame2").appendTo("#fset2");
$("#frame3").appendTo("#fset2");
$('#fset2').appendTo("#fset1");
});
$('#btn2').click(function () {
$('#fset2').appendTo("#fset1");
$('#fset1').attr('cols', '*, 30%');
$("#frame1").appendTo("#fset2");
$("#frame2").appendTo("#fset2");
$("#frame3").appendTo("#fset1");
});
$('#btn3').click(function () {
$('#fset1').attr('cols', '30%,35%,35%');
$("#frame1").appendTo("#fset1");
$("#frame2").appendTo("#fset1");
$("#frame3").appendTo("#fset1");
$('#fset2').appendTo("#fset1");
});