نحوه نوشتن چندین خط کدhtml در jquery

سلام

من کد زیر را نوشته ام

<script>
       $('.Details').on('click',
           function () {
               $('#collapse').html(
                    
               );
           });
   </script>

حال میخواهم

کدهای زیر را به ان اضافه کنم دربخش

   $('#collapse').html(
     
);

<div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

بهترین روش نوشتن اینه همه کد چیست که خوانا باشد و دریک خط هم نباشد

باتشکر