input标签实现一些点击交互效果

1.实现点击后显示隐藏内容，再次点击内容再次隐藏，不多说，上代码。

 

css代码：

 

html:

点击前的效果图：

 

点击后的效果图：

 

2.利用input:checked可以实现许多意想不到的效果，前提是将input放在需要改变的标签之前