jquery HTML stitching tags display and hide

About the stitching of HTML script, realize hiding and display.

I understand jquery is not very deep, if you feel that there is a problem (or unclear) place please correct.

Because the page is sometimes more complex, I get the data after the operation will need to JS processing

The HTML div table span is all stitched up.

If you want footsteps to be hidden or displayed, the Hide and show methods of the classic jquery cannot be implemented, but the debug finds

If the style changes can be displayed (or hidden), then jquery CSS can implement this feature.

Var tablestr= ' <br/><table class= "table table-striped table-bordered" style= "fontsize:12px;" align= " Center "><tbody> ' +
' <tr><td width=" 20% "> Trading time </td></tr> ' +
' <tr>< Td><span id= "Insert" style= "cursor:pointer;" onclick= "Echange (1)" > ' +detail[' inserttime '].substr (0, 19) + ' </span><span id= "target" style= "Display:none;" ><input type= "text" style= "width:70px" id= "input" ></input><input type= "button" onclick= "Echange (2 ) "value=" Modify "></input></span></td></tr> ' +
' </tbody></table> ';

function Echange (type) {
if (type==1) {
$ ("#doposconsumeinsert"). CSS ("Display", "none");
$ ("#doposconsumetarget"). CSS ("Display", "block");
}
else{
$ ("#doposconsumeinsert"). CSS ("Display", "block");
$ ("#doposconsumetarget"). CSS ("Display", "none");
}
}

The above script is only a train of thought, not necessarily 100% can execute successfully.

jquery HTML stitching tags display and hide