Javascript 将包含带有隐藏li列表的ul的div从HTM转换为JS

因此，我正在练习我的JS技能，并希望将我的HTML完全或几乎完全转换为JS。我想把重点放在创建这些元素并使它们发挥作用上

var main=function（）{
$（文档）.ready（函数（）{
$（'.recipePicContainer'）。单击（函数（）{
$（this）.next（'.recipes'）.toggle（“slow”）.toggleClass（“selected”）；
});
});
};
$（文件）.ready（主）

鸡尾酒

配料1
配料2
配料3
配料4
Lorem ipsum Door sit amet，是一位杰出的建筑设计师

好的，下面是复选框部分：

 $('<input type="checkbox" value="1" />').prependTo(".ingredients");

$（''）.prependTo（“.components”）；

仍然需要一些循环的帮助。
有人吗