Question

是否可以将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 }部分切换为<a href="#downloads" onclick="somthing?">？

{{1}}

继承我的OnClick代码{{1}}我不确定你们中的任何一个人是否可以知道如何？

Answer 1

您可以使用jquery更改css。

<a href="#downloads" onclick="$('#about').css("display", "none");">

Answer 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>

Answer 3

看来你实际上在寻找jQuery toggle()。因为在已经display: none的元素上保持onclick事件没有意义。

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

Working Fiddle

Answer 4

好像你想隐藏 #about：

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

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

Answer 5

我必须更改我的引号，下面的代码对我来说完全有效....

<form action="uploadprofileaccept.php" 
class="dropzone" onclick="$('#imageform').css('display', 'none');">
</form>

使用OnClick更改css

5 个答案: