Как «повторно отобразить» информацию, подавляемую с помощью «display: none;» в <style>

Question

Вот что у меня есть, и что я хотел бы сделать sh:

У меня есть элемент <div id=”object”> с числом <div> s ниже. Эти элементы <div> s: одно изображение и количество других элементов (описания, кнопки).

Когда я открываю страницу, css <style> подавляет отображение всех элементов изображения, кроме элементов изображения:

    <style id=”noDisp”>
        #object .oName,
        #object .oDescription,
        …  ,
        #object .oButton {
            display: none;
        {
    </style>

У меня также есть элемент <button>. Я хотел бы «повторно отобразить» всю информацию, которая не была отображена, используя “onclick=”.

Возможно ли это? Пожалуйста, сообщите!

Answer 1

Если вы хотите отобразить элемент, который имеет css, то не отображать его, затем jquery, чтобы отобразить его при нажатии, например:

$("#buttonId").click(function(){
  $("#elementId").css("display", "block");
});

Чтобы использовать класс в качестве селектора, например:

$(".class").css("display", "block");

Answer 2

Да, вы можете сделать это, создав другой класс стилей и наследуя его с высоким приоритетом там, где вы хотите переопределить предыдущий класс.