Jquery 如何在使用css单击另一个元素时显示一个元素？

我使用这个css代码在单击SearchID标记时显示元素。这在jquery中是可能的，但我只想用css来实现。请告知

   #open_search:active #search{
    display: block;
    transition: all 100ms ease-in-out;
}

html

如果css无法实现此功能，请使用jquery帮助实现此功能。

css:

#search {
    display: none;
    transition: all 100ms ease-in-out;
}

#search.active {
    display: block;
}

jQuery：

$(function(){
   $("#open_search").click(function(){
       $("#search").toggleClass("active");
   });
});

---

另一件好事是使用标签和复选框

<label for="openContent">Toggle Content</label>
<input type="checkbox" id="openContent" style="display:none;" />
<div id="myContent">Here!</div>

切换内容
在这里

和CSS

<style>
    #openContent + #myContent {
        display:none;
    }

    #openContent:checked + #myContent {
        display:block;
    }
</style>

#openContent+#myContent{
显示：无；
}
#openContent:checked+#myContent{
显示：块；
}

---

请参见

将

#打开搜索：活动搜索#搜索

更改为

#打开搜索：活动+#搜索

这是正确的。但当点击“打开”搜索时，这种方法就起作用了。我想在点击#打开#搜索后显示alwaysCan你可以创建一个fiddle吗？纯css不可能添加类和删除类。您必须使用javascript或jquery。这将对您有所帮助。

<style>
    #openContent + #myContent {
        display:none;
    }

    #openContent:checked + #myContent {
        display:block;
    }
</style>