Question

所以这是一个家庭装修网站.. 我有2列，在左侧我想要每个属性的缩略图，在右侧是单击属性缩略图时将显示属性图像/描述的位置..但同时我也希望它切换a单击缩略图下的div显示迷你“之前”和“之后”缩略图。我希望这些仅在单击缩略图时显示，并在再次单击时消失或者单击其他属性的缩略图时消失，当然然后该属性的前后图片将显示在下面...我可以执行此部分使用css和jquery，我找到了一种方法来根据点击的图像更改div中的内容..但我似乎无法同时做两个....

我希望我正在解释这个......

制作了一个jsfiddle thingy https://jsfiddle.net/jeni/g1dhocyw/

这是我用来切换前后图片的css

.collapse{
font-size: 31px;
display:block;
}
.collapse + input{
display:none;
}
.collapse + input + *{
display:none;
}
.collapse+ input:checked + *{
display:block;
}

我找到了一个jsfiddle并且搞乱了它所以它做了我想要的...... http://jsfiddle.net/jeni/8eqsbhet/但是当我尝试将它合并到我的其他jsfiddle时css的东西不起作用

halp meh。

Answer 1

将复选框更改为收音机。

<input id="_1" type="radio" name="xyz">...

并更新了最后一个＆＃34; for＆＃34;和＆＃34; id＆＃34;有价值＆＃34; _2＆＃34;到＆＃34; _3＆＃34;。

<label class="collapse" for="_3">

<input id="_3" type="radio" name="xyz">

请参阅此处的修订版：https://jsfiddle.net/3kqq2yx5/

更新

使用jQuery代码修改：https://jsfiddle.net/3kqq2yx5/2/

如何在div中切换内容并更改另一个div中的内容，点击

1 个答案: