Функция jade для fadeto на всех страницах, но с несколькими тегами

Question

Я использую этот простой скрипт на веб-странице:

<script>
$(document).ready(function(){
    $("notowned").fadeTo(2000,0.2,function(){
   });
});
</script>

поэтому все элементы (изображения) под тегом notowned выделены серым цветом. Тем не менее, это довольно нелогично для программных страниц, подобных этому, поэтому я хотел сделать обратное: исчезнуть все элементы, а затем добавить "собственные" теги для тех, кого не следует выделять серым цветом. Я пробовал разные способы, такие как создание двух тегов, но это не сработало. Кто-нибудь может мне помочь с этим? Спасибо!

РЕДАКТИРОВАТЬ: вот ссылка на jfiddle http://jsfiddle.net/4tkH6/ Заметьте, что у меня более 118 элементов, поэтому я хочу, чтобы они были выделены серым цветом по умолчанию, а затем "убрали" некоторые из них с помощью тега или чего-то еще. AFAIK fadetoggle удаляет их полностью, так что это не хорошо для меня.

Answer 1

Детская площадка

<notowned> Тег не является стандартным тегом ни в HTML5, поэтому не используйте его.

Используйте стандартные элементы, такие как <div> и если вам нужно специальное назначение назначить data-* атрибут для этой цели:

<div data-owned="0">image 1</div>
<div data-owned="1">image 2</div>
<div data-owned="0">image 3</div>
<div data-owned="0">image 4</div>
<div data-owned="0">image 5</div>

Пример CSS:

[data-owned='0']{ opacity: 0.3; }
[data-owned='1']{ opacity: 1  ; }

Пример состояния данных переключения JS/jQ:

$('[data-owned]').click(function(){
  this.dataset.owned ^= 1; // Toggle 0/1
});