Q:

Checkbox is checked then only append it to the div or else remove it if it is unchecked

Please look at the jsfiddle http://jsfiddle.net/6fsf8/
if the checkbox is checked then only i need to append it to the div  , if its unchecked then i need to remove it from the div .
I have tried this , but it is keep on appending it to the div .
if($(this).is(':checked'))
{
    $("#fororders").append($(this).attr('value'));

}

And also is it possible that i should display them in a vertical order rather than horizontal order while appending it to the div .
You need to expand all the Accordians to see the checkboxes .
Could you please let me know how to resolve this 

A:

Your element is append because you don't remove it.
Try something like :
if($(this).is(':checked'))
{

    $("#fororders").append('<div id="something">'+$(this).attr('value')+'</div>');

}else{
    $('#something').remove();
}

To display your elements vertically, add the css property display:block;
This is some base CSS, you should not ask this here.

