0

是否可以将display:block部分的部分#about{与display:none部分的部分#downloads进行切换OnClick？

#about {
    position:relative;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:800px;
    height:450px;
    margin-left:50px;
    margin-right:50px;
    border:solid 2px #000000;
    background-color:#448efc;
    margin-bottom:5px;
    display:block
}
#downloads {
    position:relative;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:800px;
    height:450px;
    margin-left:50px;
    margin-right:50px;
    border:solid 2px #000000;
    background-color:#448efc;
    margin-bottom:5px;
    display:none
}

这是我的 OnClick 代码<a href="#downloads" onclick="somthing?">，我不确定你们是否知道如何操作？

4

5 回答 5

3

您可以使用 jquery 更改 css。

<a href="#downloads" onclick="$('#about').css("display", "none");">
于 2013-06-16T03:26:28.953 回答
2

我会建议这样的事情：

#about, #downloads {
    /* all of the CSS rules EXCEPT display here */
}
.hidden {display:none}

那么你的 HTML 应该是：

<div id="about">...</div>
<div id="downlaods" class="hidden">...</div>

现在您的链接可以是：

<a href="#downloads" onClick="document.getElementById('about').className = 'hidden';
    document.getElementById('downloads').className = '';">Downloads</a>
于 2013-06-16T03:26:27.703 回答
0

看来您实际上是在寻找 jQuery toggle()。因为将 onclick 事件保留在已经display: none.

<div id="about" onclick="$('#downloads').toggle()"></div>
<div id="downloads" onclick="$('#about').toggle()"></div>

工作小提琴

于 2013-06-16T03:43:00.987 回答
0

好像你想隐藏 #about：

$('#downloads').click(function() {
    $('#about').hide();
});

有了这个，就不需要添加onclick属性了。

于 2013-06-16T04:42:12.433 回答
0

我不得不更改我的引号，下面的代码完全适合我....

<form action="uploadprofileaccept.php" 
class="dropzone" onclick="$('#imageform').css('display', 'none');">
</form>
于 2015-09-05T00:23:45.527 回答