Javascript 当我制作一个书签并点击它时，隐藏值会在每次添加新书签时改变一次

当我点击书签头时，它会将“hidden”更改为false，但不会删除“hidden”类。此外，当我多次单击书签头时，它的运行次数超过了console.log中所需的次数

同样值得注意的是，当添加另一个书签时，第一个书签的评级也会被添加，它会在添加的每个新书签中重复此操作

它应该做的是制作一个可以点击的书签。单击后，将显示一个下拉菜单，其中包含说明和Url。然后，当我再次单击书签头时，它应该会关闭

从“jquery”导入$
从“cuid”导入cuid
让项目=[]
功能书签模板（项目）{
让itemTitle=`
${item.title}，评级：${item.Rating}

${item.url}
${item.desc}

`
如果（！item.hidden）{
itemTitle=`${item.title}，评级：${item.Rating}

${item.url}
${item.desc}

`
}
返回项目标题
}
函数dropDownForm（）{
返回`
标题
网址
描述
比率
一颗星
双星
三星级
四星
五星
提交
取消
`
}
函数createItem（标题、描述、评级）{
返回{
id:cuid（），
标题
隐藏：是的，
描述，
评级
}
}
函数handledditem（）{
console.log（'调用了addItem'）
$（'body'）。在（'submit'，'#书签表单'，e=>{
e、 预防默认值（）
让titleValue=$（'#title'）.val（）
let description=$（'#description'）.val（）
let rating=$（“#rate”）.val（）
项目推送（createItem（标题值、描述、评级））
let item=[…items]
$（'.bookmark head list'）.html（地图项目）
console.log（标题值）
render（）
})
}
函数getIdOfItem（当前）{
返回$（当前）
.closest（“.bookmark下拉列表”）
.data（'item-id'）
}
函数findById（id）{
返回items.find（currentItem=>currentItem.id==id）
}
函数切换FindAndHidden（id）{
let current=findById（id）
console.log（当前）
current.hidden=！current.hidden
}
函数handleToggleHidden（）{
console.log（'ran handleToggleHidden'）
$（'.bookmark head list'）。在（'click'，'li'，函数（e）上{
设getId=getIdOfItem（如target）
console.log（getId）
切换FindAndHidden（getId）
console.log（项目）
render（）
})
}
console.log（项目）
函数displayHTML（）{
$（'#add form'）.html（dropDownForm（））
}
函数映射项（i）{
让item=i.map（item=>bookmarkTemplate（item））
返回项目。加入（“”）
}
函数render（）{
handleToggleHidden（）
handleAddItem（）
displayHTML（）
}
$（渲染）

表单{
显示器：flex；
弯曲方向：立柱；
字体大小：30px；
}
.隐藏{
显示：无；
}
/*评级的内部为评级添加星号值*/
/*不要忘记内容：*/

书签应用程序
书签应用程序

用于删除和添加类：

$（“#elementId”）.toggleClass（“类”）$（“#elementId”）.toggle（）请告诉我是否有帮助，以便我可以回答：）在与父母和孩子玩耍后，我找到了正确的位置。谢谢，我还发现了另一个问题，出于某种原因，我的render（）调用一直在重置我的代码。