在手机上修改悬停效果后的CSS

Question

我在一个网站上工作，其中一个会话有点击效果。基本上，文本主体是隐藏的，当单击它时，它会展开，显示隐藏的文本，如您在图像中所看到的：

Before Click

After Click

在CSS中，基本上文本元素的高度是30px，在: hover之后它的高度是300px。

​

.portfolio_text{
        height:30px;
}
#ho_nf:hover .portfolio_text {
        height: 200px;
        padding: 20px 14px;
        overflow: visible;
       
    }

​

如果我在元素的Div之外单击，或者单击6个元素列表中的另一个元素，则Portfolio_text会返回到正常高度。

我需要的是能够返回的文本大小为30通过单击关闭图标，我添加在左角，以再次看到背景图像。

我试过使用JQuery，但它不起作用，我只在移动设备上需要它，因为桌面是基于:悬停和移除鼠标，它会恢复到正常状态。

Answer 1

由于没有光标，因此没有用于移动的:hover伪元素。

尝试使用:active。