使用Javascript发布取消隐藏div
已使用Javascript成功设置了在多个选项卡之间循环的菜单。问题是我正在使用SiteLevel搜索此网站。我希望搜索框是隐藏/取消隐藏菜单的一部分,但是脚本(我也尝试了搜索框的html代码,但仍然没有修复) 我已经将它与这个概念的最简单形式配对,以确保它不会与其他css或脚本冲突,但它仍然会打开一个空白框,这是代码 我把它灌进了水里 jQuery:使用Javascript发布取消隐藏div,javascript,jquery,css,Javascript,Jquery,Css,已使用Javascript成功设置了在多个选项卡之间循环的菜单。问题是我正在使用SiteLevel搜索此网站。我希望搜索框是隐藏/取消隐藏菜单的一部分,但是脚本(我也尝试了搜索框的html代码,但仍然没有修复) 我已经将它与这个概念的最简单形式配对,以确保它不会与其他css或脚本冲突,但它仍然会打开一个空白框,这是代码 我把它灌进了水里 jQuery: #nav div { display: none; background-color: red; height: 200
#nav div {
display: none;
background-color: red;
height: 200px;
}
$(function(){
var divs = $('#nav div'),
links = $('a');
links.click(function () {
$(this.hash).toggle().siblings().hide();
return false;
});
})
提前谢谢各位
只需在CSS中使用#nav>div
将仅针对直系子女。否则所有
DIV
元素将被隐藏(您的搜索工具)
编辑jQuery
$(function () {
var divs = $('#nav div'),
links = $('a');
divs.eq(0).show(); // if you need it.....
links.click(function ( e ) { // e = event
e.preventDefault(); // instead of return false;
$(this.hash).toggle().siblings().hide();
});
});
只需在CSS中使用#nav>div
将仅针对直系子女。否则所有
DIV
元素将被隐藏(您的搜索工具)
编辑jQuery
$(function () {
var divs = $('#nav div'),
links = $('a');
divs.eq(0).show(); // if you need it.....
links.click(function ( e ) { // e = event
e.preventDefault(); // instead of return false;
$(this.hash).toggle().siblings().hide();
});
});
不确定我是否明白?什么是“空白框”,你期待什么?@adeneo当你点击“搜索”时,他期待着搜索框tab@ExplosionPills-哦,真奇怪!我做的第一件事就是把第一个标签设置为可见,一切似乎都很好,以前没有检查搜索标签,但现在看到它不工作了。然而,这对我有效?正确的爆炸药丸。现在,红色框中应该有一个搜索框(我上面评论中的小提琴对你有用吗?我不确定我是否得到它?什么是“空白框”,你期待什么?@adeneo当你点击“搜索”时,他期待着搜索框 tab@ExplosionPills-哦,太奇怪了!我做的第一件事就是将第一个选项卡设置为可见,而且一切似乎都正常,之前没有检查搜索选项卡,但现在它不工作。但是,这对我有效?正确的爆炸药丸。现在,红色框中应该有一个搜索框(我上面的评论对你有用吗?
$(function () {
var divs = $('#nav div'),
links = $('a');
divs.eq(0).show(); // if you need it.....
links.click(function ( e ) { // e = event
e.preventDefault(); // instead of return false;
$(this.hash).toggle().siblings().hide();
});
});