使内容在选择时处于活动状态

Question

您是否能够在选择另一个项目时使其他内容处于活动状态或可见状态，类似于Apple iPhone网页的内容 - 当您选择iPhone 4颜色时，模型版本变得完全可见并且处于活动状态。

Apple iPhone Page 你会如何去做这项工作在jQuery中？

Answer 1

您可以将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 
}); 

Answer 2

的opacity CSS属性是用来 “禁用” 的元素。 opacity取值介于0和1之间 - 选择接近零的值会导致不可见的内容。

在jQuery中，您可以通过使用达到这样的效果：

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

在苹果页面，效果是通过添加边框（他们以前不存在）强调。