Javascript 使用jQuery在更改时设置CSS属性

我想在另一个

div

的

visibility

属性的状态更改时，使用jQuery在

上单击

来更改css

可见性

和

显示

属性。（许多人对模糊的标记表示歉意，但需要操纵其他人的构造）：

此页面中有四个

[data label=“Checkbox”][data label=“Checked”]

的实例。我想将

[data label=“trash”]

和

[data label=“Sort Options”]

设置为

可见性：可见；当
[data label=“Checkbox”][data label=“Checked”]
的任何属性更改为
'visibility'，visible'时，显示：[empty value]

否则，如果
[data label=“Checkbox”][data label=“Checked”]
中的none具有属性
'visibility'，'visible'
，我想将
[data label=“trash”]
和
[data label=“Sort Options”]
设置回它们的初始状态：
显示：无；可见性：隐藏

以下是标记：

<div data-label="Sort Options" style="display: none; visibility: hidden;">
    <div data-label="trash" style="display: none; visibility: hidden;"></div>
</div>

<div data-label="Checkbox">
    <div data-label="Unchecked"></div>
    <div data-label="Checked" style="display: none; visibility: hidden;"></div>
</div>

任何帮助都将不胜感激！谢谢

 if ('[data-label="Checkbox"] [data-label="Checked"]').css('visibility', 'visible') 

首先，
.css（）
用于设置或获取css，这里使用的方法是setter，get应该是

if ($('div[data-label="Checkbox"]').css('visibility')=='visible'&& $('div[data-label="Checked"]').css('visibility')=='visible') 

第二，您可以在不使用逻辑运算符的情况下为两个元素使用选择器，正如您所看到的，我使用了
&&
来检查
'visibility'
是否都设置为
'visible'

如果将
display
设置为none，即使要使用的标准是
display
，也不必使用
visibility
属性

if ($('div[data-label="Checkbox"]').css('visibility')=='visible'&& $('div[data-label="Checked"]').css('visibility')=='visible')