基本上我用纯 CSS 建立一个画廊。当我按下 image1 时,它会检查 checkbox1 并且 div1 会出现。我已经这样做了,问题是,如果我按下 image2 会出现 div2,但是如果我再次按下 image1 div1 将不会出现,因为 div2 在它前面。
HTML:
<div class="gallery">
<label for="toggle1"><a>1</a></label>
<input id="toggle1" type="checkbox">
<label for="toggle2"><a>2</a></label>
<input id="toggle2" type="checkbox">
<label for="toggle3"><a>3</a></label>
<input id="toggle3" type="checkbox">
<label for="toggle4"><a>4</a></label>
<input id="toggle4" type="checkbox">
<label for="toggle5"><a>5</a></label>
<input id="toggle5" type="checkbox">
<label for="toggle6"><a>6</a></label>
<input id="toggle6" type="checkbox">
<label for="toggle7"><a>7</a></label>
<input id="toggle7" type="checkbox">
<label for="toggle8"><a>8</a></label>
<input id="toggle8" type="checkbox">
<div class="conteudo1">1</div>
<div class="conteudo2">2</div>
<div class="conteudo3">3</div>
<div class="conteudo4">4</div>
<div class="conteudo5">5</div>
<div class="conteudo6">6</div>
<div class="conteudo7">7</div>
<div class="conteudo8">8</div>
</div>
我不会发布 css,因为我没有找到如何自动缩进代码,但你可以在这里看到:http: //jsfiddle.net/blackice856/3vhCH/1/
基本上我需要的是在选中 checkbox1 时,取消选中所有其他复选框,然后对所有剩余的复选框重复该复选框。
我从不太喜欢 javascript,但我只是用它做了这个,我花了 10 分钟,哈哈,但我仍然想知道是否有任何方法可以做到这一点。
谢谢你的时间 (: