Adjusting Table in view

I have a form where i put an embedded view with three column inside it. I create the view to have a collapse and expand view without a button, means using html/javascript code to control the expand and collapse view. the problem is i dont know how to control or re-arrange the table to be more nicer because when i expand a certain column, the view wont look exactly like i want it to be. I also have tried the and tag. Can anyone give any suggestion?

This is the code of the first column :

  1. “<script language="JavaScript">document.write(""); ” + Category + “<script language="JavaScript">document.write(""); ”

second column :

  1. <script language="JavaScript">document.write(""); ” + Subject + “<script language="JavaScript">document.write("");
    ”+“\”+“<script language="JavaScript">document.write
    ” + Content2 + “
    <script language="JavaScript">document.write(""); ”

Third Column :

  1. “<script language="JavaScript">document.write
    ” + “”+ Content2+“” + “
    <script language="JavaScript">document.write(""); ”

Can anyone detect what is the problem? thank you in advance…