Javascript jquery相对a href="#&引用；移除显示块

这是链接。单击此按钮时，将div（#section17）的id从display none更改为block

<li><a href="#section17"><b>Arbeiten</b></a></li>

现在，如果我单击另一个链接（#section15），它应该将display:block从#section17更改为display:none，并将链接（#section15）更改为display block

页面不会重新加载，只是url有一点变化。 有人能帮我吗

<li><a href="#section15"><b>Feiern</b></a></li>

$（“a”）。单击（函数（）{
var addressValue=$（this.attr（“href”）；
$（addressValue）.css（“显示”、“块”）；
});
;

您必须取消链接的默认行为：

<script type="text/javascript">
    $("a").click(function () {
    var addressValue = $(this).attr("href");
    $(addressValue).css("display","block");
    });

</script>;

演示：

HTML

---

如果您为所有部分指定了一个

sectionClass

类，则隐藏该类的所有元素，并在单击时显示相关元素，您应该处于业务状态

$('a').click(function (e) {
    // Prevent jumping to anchor
    e.preventDefault();

    // Hide all other sections
    $('#sections-container > div').css('display', 'none');

    // Show only one we want
    var addressValue = $(this).attr('href');
    $(addressValue).css('display', 'block');
});

---

您的代码应该是这样的

$("a").click(function (e) {
    e.preventDefault();
    var addressValue = $(this).attr("href");
    $(".sectionClass").hide();
    $(addressValue).show();
});

函数隐藏（ctrl）{
var addressValue=$（ctrl）.attr（“href”）；
$（addressValue）.css（“显示”、“块”）；
}

你能分享像

section15

$('a').click(function (e) {
    // Prevent jumping to anchor
    e.preventDefault();

    // Hide all other sections
    $('#sections-container > div').css('display', 'none');

    // Show only one we want
    var addressValue = $(this).attr('href');
    $(addressValue).css('display', 'block');
});

$("a").click(function (e) {
    e.preventDefault();
    var addressValue = $(this).attr("href");
    $(".sectionClass").hide();
    $(addressValue).show();
});

<script type="text/javascript">
        function HideShow(ctrl) {
            var addressValue = $(ctrl).attr("href");
            $(addressValue).css("display", "block");
        }
    </script>
    <li><a href="#section17" onclick="HideShow(this);"><b>Arbeiten</b></a></li>
    <li><a href="#section15" onclick="HideShow(this);"><b>Feiern</b></a></li>