Question

好的，我已经通过jquery隐藏了基本的div，当点击锚链接时，隐藏的div处于活动状态并滑入视图，其他div被隐藏。问题是：

我根据窗口大小/屏幕大小使用了Chris Coyiers（CSS Tricks）method of changing a menu to a drop down menu。问题是它不适用于锚链接我已经尝试过.change，试图操纵window.location甚至document.location（只是检查）但我甚至不明白为什么它不能完全工作所以我是只是一只鸡头被砍掉了。

我想也许我应该尝试将document.html＃Id作为href，然后也许它会起作用但Nope.I看了很多类似的问题。但我似乎无法有效地根据我的需要调整它们。

你可以看到我完全是绿色的。但HELP非常感激。

Answer 1

如果要显示隐藏元素，请为元素指定一个ID，并指定jQuery / CSS类型选择器和ID作为值，如#id。然后更改javascript以显示而不是重定向。这是我写的一个jFiddle，它做了你所问的：

http://jsfiddle.net/mike_marcacci/jvSSa/

请注意，我还会捕获链接点击，以便它适用于移动和桌面版本：

function showSection(id){
    // hide already visible sections
    $('.hidden').css('display','');

    // show selected section
    $(id).css('display','block');
}

//make the select work
$("nav select").change(function() {
    showSection($(this).find("option:selected").val());
});

// make links work too
$("nav a").click(function(e) {
    e.preventDefault();
    showSection(this.hash);
});

在select上显示已隐藏的内容

1 个答案: