我是新来的JS和我想弄清楚如何做一个简单的JS脚本,当用户触摸/点击一个div另一个div打开。提前致谢。如果有人能帮助我,我会非常感激。JS当点击一个div另一个div是开放的
0
A
回答
0
您可以使用.target伪类的。对于这个定义下一个CSS规则:
HTML:
<div class="product">
<img src="http://placehold.it/100x100"/>
<a href="#shoes">Show Shoes</a>
</div>
<div class="product-highlight" id="shoes">
<p>These are the shoes</p>
</div>
CSS:
#shoes {
display: none; /* hide by default */
}
#shoes:target, /* and show either if class show is present (on click) */
#shoes.show { /* or location hash matches id "shoes" */
display: block;
}
和JS你想补充类show:
$(document).ready(function() {
$('.product-highlight').hide();
$('a[href$=shoes').click(function() {
$('#shoes').addClass('show');
});
});
当从索引页重定向你也需要设置一个哈希#shoes:
$(document).ready(function() {
$('a[href$=shoes]').click(function() {
window.location.href= 'http://sample.com/products.php/#shoes';
});
});
或
$(document).ready(function(){
$(".Test2").hide();
$(".Test1").show();
$('.Test1').click(function(){
$(".Test2").slideToggle();
});
});
+0
我已经试图修改脚本,但我走到了死胡同。你可以看看我做了什么,并告诉我做错了什么。我会非常感激,我为失去你的时间而道歉。提前致谢。 JS Fiddle链接---> http://jsfiddle.net/fu2k5sch/2/ –
+0
http://jsfiddle.net/ivinraj/pgssep6c/ @DimchoStoimenov –
0
这可能会给你的想法你想要什么......
HTML
<div style="background-color: red">
<a href="#" id="panel1">Panel1</a>
<p id="pm1" style="display:none;">Message Hello From Panel1</p>
</div>
<div style="background-color: Blue">
<a href="#" id ="panel2">Panel2</a>
<p id="pm2" style="display:none;">Message Hello From Panel2</p>
</div>
JQUERY
$('#panel1').click(function(){
$("#pm1").show(1000);
$("#pm2").hide(1000);
});
$('#panel2').click(function(){
$("#pm1").hide(1000);
$("#pm2").show(1000);
});
相关问题
- 1. 打开div时,点击另一个div
- 2. JS:点击一个div,更改另一个div值
- 3. 在另一个div内放置一个div点击鼠标
- 4. 移动另一个div的点击div
- 5. jQuery的点击是另一个DIV
- 6. 使用角度js点击另一个div后Div移动
- 7. 当用户点击另一个div的时候,jQuery隐藏div
- 8. 点击一个div更改另一个div的内容
- 9. 当另一个DIV被点击时停止播放音频
- 10. 当另一个div被点击时移动到下一个div的类
- 11. 打开另一个div时点击一个增量编号的div
- 12. 如何在点击另一个div后在另一个div上显示div?
- 13. 点击一个div使另一个div出现/消失
- 14. 移动一个div点击另一个div?
- 15. 点击一个div改变另一个DIV
- 16. 点击一个div
- 17. 如何获得一个值,当点击到另一个div?
- 18. 一个div必须追加到main_div当我点击另一个div
- 19. jQuery FadeOut当点击div然后淡入时点击另一个div
- 20. 两个div点击只在一个DIV
- 21. 直播点击显示另一个div
- 22. 隐藏/显示点击另一个div
- 23. 用另一个点击替换div
- 24. 反正做一个div以另一个DIV可点击,就像一个影子?
- 25. 添加类当点击一个div
- 26. 当点击一个div更改图片
- 27. 当点击它时隐藏一个div
- 28. 无法点击一个div,我怎么把一个DIV上的另一
- 29. 单击Div使另一个Div出现
- 30. 把div放在另一个div上面
你用简单的JS或一些框架?你现在有任何代码吗?一些jsfiddle你的工作将是有帮助的 – zucker
你是什么意思的div开放? – Bit68
是的,你需要先分享你的代码片段。没有代码,我想你想以编程方式生成一个元素的点击。这是jQuery版本:http://stackoverflow.com/questions/2847185/how-to-programmatically-trigger-the-click-on-a-link-using-jquery。这是非jQuery的版本:http://stackoverflow.com/questions/906486/how-can-i-programmatically-invoke-an-onclick-event-from-a-anchor-tag-while-kee – Hammer