Question

我为我的网页制作了一个垂直菜单。我希望当我点击菜单中的任何项目时，内容打开而不加载其他页面。之前的div隐藏和其他div点击菜单。谁能在这帮助我？

http://demo.tinywall.info/html5-history-api/menu2.php 我需要这样的东西，但需要简单的HTML和CSS。我也不需要更改URL，网址也是一样的。仅显示隐藏的内容。这是我想放这个东西的网站 - ＆gt; www.techstore.tk

Answer 1

你可以这样做：

#btnLeft:active {
    ...
}

然后在其中插入您想要更改的任何内容。

或者，如果您想要jquery，则可以执行以下操作：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".category").click(function(){
        $(".filter").toggle("swing");
    });
});
</script>

    <div class="category">Select Me</div>
    <div class="filter">My hide able div</div>

<强>速度

毫秒 - 您可以使用任意数字来定义它的速度。
“慢”
“快”

<强>缓解

“swing” - 在开始/结束时移动较慢，但在中间移动较快
“线性” - 以恒定速度移动

或者，您可以尝试这样的幻灯片效果：

$(document).ready(function(){
    $(".categorie").click(function(){
        $("#.filter").slideToggle("slow"); // You can add any transition in place of "slow".
    });
});

回调功能

在当前效果100％完成后执行回调函数。但是你可以在效果开始之前调用另一个函数。以下是两个例子：

回调 - 效果结束后执行：

$(".category").click(function(){
    $(".filter").hide("slow", function(){
        alert("The effect just finished");
    });
});

在效果开始前执行。注意：这不称为回调：

$(".category").click(function(){
    $(".filter").hide(1000);
    alert("The effect will start after this message goes away");
});

希望获得简单的HTML帮助

1 个答案: