Блог

Можете ли вы сделать другое содержимое активным или видимым при выборе другого элемента, аналогично веб-странице Apple iphone — при выборе цвета iphone 4 версия модели становится полностью видимой и активной.

Страница Apple iPhone Как бы вы хотели, чтобы это работало в jquery?

Вы можете привязать click обработчик событий к элементу и делать там все, что вам нравится:

 document.getElementById("someElem").onclick = function() {
    document.getElementById("anotherElem").style.display = "block";
}
  

Вы можете видеть выше, что я использовал style свойство, которое можно использовать для изменения свойств CSS элемента (в данном случае я меняю display свойство на block — если бы оно было hidden раньше, то это сделало бы anotherElem видимым).

Чтобы сделать это в jQuery:

 $("#someElem").click(function() {
    $("#anotherElem").show(); //Or use .css to change other CSS properties
});
  

opacity Свойство CSS используется для «отключения» элемента. opacity принимает значение от нуля до единицы — выбор значения, близкого к нулю, приводит к не очень видимому содержимому.

В jQuery вы можете достичь этого эффекта с помощью:

 $("$myElement").css("opacity", "0.5");
  

На странице Apple эффект подчеркивается добавлением границ (там, где их ранее не было).