CSS层隐藏显示不使用JS实现

2025-06-27 12:37:26
推荐回答(1个)
回答1:

查找评论时不使用ID查找,而根据样式名称class查找,这样就可以重复利用js了。
以下代码中:
所有的评论div的class都为detail,div中只有评论的文字。
网页打开后,把detail的div中的文字替换成简短评论、完整评论和超链接3部分,使用超链接切换两个评论的交替隐藏和显示。
JS部分使用了JQuery。

完整代码如下:




hide/show






做一个类似豆瓣评论可显示简短23评论,点击后可显示评论的全部内容,由于评论条目众多,所以JS只能调用一次显然不能满足需求,想使用纯DIV+CSS实现或者可重复利用的JS+DIV来实现,豆瓣我看它每段评论都自动生成一个ID调用
做一个类似豆瓣评论可显示简短评论,点击后可显示评论的全部内容,由于评论条目众多,所以JS只能调用一次显然不能满足需求,想使用纯DIV+CSS实现或者可重复利用的JS+DIV来实现,豆瓣我看它每段评论都自动生成一个ID调用


做一个类似豆瓣评论可显示简123短评论,点击后可显示评论的全部内容,由于评论条目众多,所以JS只能调用一次显然不能满足需求,想使用纯DIV+CSS实现或者可重复利用的JS+DIV来实现,豆瓣我看它每段评论都自动生成一个ID调用


做一个类似豆瓣评论可显示简短123113评论,点击后可显示评论的全部内容,由于评论条目众多,所以JS只能调用一次显然不能满足需求,想使用纯DIV+CSS实现或者可重复利用的JS+DIV来实现,豆瓣我看它每段评论都自动生成一个ID调用
做一个类似豆瓣评论可显示简短评论,点击后可显示评论的全部内容,由于评论条目众多,所以JS只能调用一次显然不能满足需求,想使用纯DIV+CSS实现或者可重复利用的JS+DIV来实现,豆瓣我看它每段评论都自动生成一个ID调用论都自动生成一个ID调用


做一个类似豆瓣评论可显示简短12313123评论,点击后可显示评论的全部内容,由于评论条目众多,所以JS只能调用一次显然不能满足需求,想使用纯DIV+CSS实现或者可重复利用的JS+DIV来实现,豆瓣我看它
做一个类似豆瓣评论可显示简2短评论,点击后可显示评论的全部内容,由于评论条目众多,所以JS只能调用一次显然不能满足需求,想使用纯DIV+CSS实现或者可重复利用的JS+DIV来实现,豆瓣我看它每段评论都