Как скрыть определенный div id ?

Izrael написал(а):
так я сделал по этому примеру .. Для просмотра ссылки Войди или Зарегистрируйся
Изначально скрыто стилями .
Или я что не пойму ?
Нажмите для раскрытия...
Вам для этой задачи не нужно скрипт.
пропишите в css:
div[id^='block']{ display:none; }
это будет скрывать блоки которые начинаются на id block.Как я понял у вас id block может быть c разным окончанием!
 
giorno написал(а):
Вам для этой задачи не нужно скрипт.
пропишите в css:
div[id^='block']{ display:none; }
это будет скрывать блоки которые начинаются на id block.Как я понял у вас id block может быть c разным окончанием!
Нажмите для раскрытия...
вот имеено что с разным окончанием! если я пропишу как вы написали то у меня вообще все скроется.
а мне нужно скрывать лишь определенные <div id
ниже пример кода :
Код: 
    $(document).ready(function() {
      $('#option-51004').addClass('impBAN');
      $('#option-51005').addClass('impBAN');
      $('#option-51021').addClass('impBAN');
      $('#option-51022').addClass('impBAN');
      $('#option-51014').addClass('impBAN');
      $('#option-51015').addClass('impBAN');
      $('#option-51013').addClass('impBAN');
      $('#option-51029').addClass('impBAN');
      $('#option-51010').addClass('impBAN');
      $('#option-51011').addClass('impBAN');
      $('#option-51006').addClass('impBAN');
      $('#option-51027').addClass('impBAN');
      $('#option-51027').addClass('impBAN');
      $('#option-51008').addClass('impBAN');
      $('#option-51008').addClass('impBAN');
      $('#option-51012').addClass('impBAN');
      $('#option-51007').addClass('impBAN');
      $('#option-51009').addClass('impBAN');
      $('#option-51018').addClass('impBAN');
      $('#option-51018').addClass('impBAN');
      $('#option-51025').addClass('impBAN');
      $('#option-51026').addClass('impBAN');
      $('#option-51024').addClass('impBAN');
      $('#option-51024').addClass('impBAN');
      $('#option-51017').addClass('impBAN');
       
          });
 
Izrael написал(а):
вот имеено что с разным окончанием! если я пропишу как вы написали то у меня вообще все скроется.
а мне нужно скрывать лишь определенные <div id
ниже пример кода :
Код: 
    $(document).ready(function() {
      $('#option-51004').addClass('impBAN');
      $('#option-51005').addClass('impBAN');
      $('#option-51021').addClass('impBAN');
      $('#option-51022').addClass('impBAN');
      $('#option-51014').addClass('impBAN');
      $('#option-51015').addClass('impBAN');
      $('#option-51013').addClass('impBAN');
      $('#option-51029').addClass('impBAN');
      $('#option-51010').addClass('impBAN');
      $('#option-51011').addClass('impBAN');
      $('#option-51006').addClass('impBAN');
      $('#option-51027').addClass('impBAN');
      $('#option-51027').addClass('impBAN');
      $('#option-51008').addClass('impBAN');
      $('#option-51008').addClass('impBAN');
      $('#option-51012').addClass('impBAN');
      $('#option-51007').addClass('impBAN');
      $('#option-51009').addClass('impBAN');
      $('#option-51018').addClass('impBAN');
      $('#option-51018').addClass('impBAN');
      $('#option-51025').addClass('impBAN');
      $('#option-51026').addClass('impBAN');
      $('#option-51024').addClass('impBAN');
      $('#option-51024').addClass('impBAN');
      $('#option-51017').addClass('impBAN');
      
          });
Нажмите для раскрытия...
Ну если так, то уже лучше сделать так css:
#option-51004,
#option-51005,
#option-51021,
#option-51022,
#option-51014,
#option-51015,
#option-51013,
#option-51029,
#option-51010,
#option-51011,
#option-51006,
#option-51027,
#option-51027,
#option-51008,
#option-51008,
#option-51012,
#option-51007,
#option-51009,
#option-51018,
#option-51018,
#option-51025,
#option-51026,
#option-51024,
#option-51024,
#option-51017{
display:none;
}

Ну это так по простому,а если лучше то нужно вычислить какую-то закономерность между вашими скрываемыми блоками!
 
Может лучше, вообще убрать вывод ненужного вам в админке или контроллере.Покажите пример тех блоков, что нужно скрыть
 
Onclick:

$(document).click(function (event) {
$("#divid").hide();
});
 
Izrael написал(а):
вот имеено что с разным окончанием! если я пропишу как вы написали то у меня вообще все скроется.
а мне нужно скрывать лишь определенные <div id
ниже пример кода :
Код: 
    $(document).ready(function() {
      $('#option-51004').addClass('impBAN');
      $('#option-51005').addClass('impBAN');
      $('#option-51021').addClass('impBAN');
      $('#option-51022').addClass('impBAN');
      $('#option-51014').addClass('impBAN');
      $('#option-51015').addClass('impBAN');
      $('#option-51013').addClass('impBAN');
      $('#option-51029').addClass('impBAN');
      $('#option-51010').addClass('impBAN');
      $('#option-51011').addClass('impBAN');
      $('#option-51006').addClass('impBAN');
      $('#option-51027').addClass('impBAN');
      $('#option-51027').addClass('impBAN');
      $('#option-51008').addClass('impBAN');
      $('#option-51008').addClass('impBAN');
      $('#option-51012').addClass('impBAN');
      $('#option-51007').addClass('impBAN');
      $('#option-51009').addClass('impBAN');
      $('#option-51018').addClass('impBAN');
      $('#option-51018').addClass('impBAN');
      $('#option-51025').addClass('impBAN');
      $('#option-51026').addClass('impBAN');
      $('#option-51024').addClass('impBAN');
      $('#option-51024').addClass('impBAN');
      $('#option-51017').addClass('impBAN');
     
          });
Нажмите для раскрытия...

Помоему лучше задавать все элементы через массив, затем добавить класс с помощью цикла.
Код: 
function hideDiv(array){
  for(var i = 0; i < array.length; i++){
    $('#' + array[i]).addClass('impBAN');
  }
}

hideDiv(['option-51004', 'option-51005', 'option-51021', '...']);

Таким образом можете в будущем еще добавлять элементы.
 
Изначально должно быть так
HTML: 
#block{background-color:red;  display:none;}
 
Izrael написал(а):
Да действительно все работает .. а не подскажите как сделать чтоб div скрывался моментально ?
Дело в том что я установил код в интернет магазине на OpenCart в карточку товара.
И при загрузки странице он появляется на одну секунду и потом исчезает .
Нажмите для раскрытия...
Если у вас динамически определяется, какие дивы надо скрывать и скрываете вы их через скрипты, то чтобы не было "моргания" контента скрипт добавления стилей должен быть размещён и выполнен перед скрываемыми блоками, а не по загрузке контента или иным эвентам.
Если же у вас набор скрываемых дивов статичен - прописывайте в стили и подргужайте в head.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху