Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击后-显示隐藏内容_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 单击后-显示隐藏内容

Javascript 单击后-显示隐藏内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我怎样才能使你点击此链接后“查看”出现此隐藏内容 到目前为止,我实现的是当我悬停时,我希望在单击它时使用它 但有些东西不起作用 我怎么做?用jQuery .tresc ukryta{ 显示:无; 边框:1px实心#000; 背景:#fff; 位置:绝对位置; 宽度:400px; 最小高度:400px; 排名:0; z指数:50; 边界半径:5px; 边框:1px实心#acacac; -网络工具包盒阴影:0px 0px 18px-2px rgba(0,0,0,0.75); -moz盒阴影:0px

我怎样才能使你点击此链接后“查看”出现此隐藏内容

到目前为止,我实现的是当我悬停时,我希望在单击它时使用它

但有些东西不起作用

我怎么做?用jQuery

.tresc ukryta{
显示:无;
边框:1px实心#000;
背景:#fff;
位置:绝对位置;
宽度:400px;
最小高度:400px;
排名:0;
z指数:50;
边界半径:5px;
边框:1px实心#acacac;
-网络工具包盒阴影:0px 0px 18px-2px rgba(0,0,0,0.75);
-moz盒阴影:0px 0px 18px-2px rgba(0,0,0,0.75);
盒子阴影:0px 0px 18px-2px rgba(0,0,0,0.75);
}
.产品项目{
位置:相对位置;
边框:1px实心#000;
}
特雷斯·乌克里塔先生,左{
宽度:180px;
浮动:左;
}
.人力资源热线{
高度:1px;
背景:#acacac;
}
特雷斯·乌克里塔先生,对吗{
宽度:190px;
浮动:左;
左边框:1px实心#acacac;
左侧填充:10px;
填充顶部:10px;
}
.产品名称:hover.tresc ukryta{
显示:块;
}
.产品项目:hover.pokaz ukryta{
可见性:隐藏;
}

欧洲标准化委员会:
265zł
内托
欧洲标准化委员会:
265zł
内托
Opis:
两段式金属管,szafa ubraniowa pokryta farbąproszkową。Korpus i drzwi szafy w kolorze jasnoszarym RAL 7035。 维波萨·维维特兹尼基博士。W każdym segmencie znajduje siępó322; ka oraz drąek z haczykami na ubrania。Szafka zamykana zamkiem kluczowym z ryglem w jednym punkce

多斯帕纳·科洛里斯蒂卡:

RAL 7035

RAL 7035

RAL 7035

RAL 7035

RAL 7035

RAL 7035

RAL 7035

RAL 7035

RAL 7035


如果希望div在单击时显示,而不是在悬停时显示,请使用jQuery

$(".Zobacz").click(function(){
  $(".tresc-ukryta").css("display", "block");
});

请记住,要选择关闭div,这意味着让它再次显示:none。

首先,您必须了解html、css和javascript是如何工作的。您需要删除css悬停效果,并用Javascript
onclick
事件替换此效果。