سوال: نحونه نوشتن چندین خط کد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>

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