使內容在選擇時處於活動狀態

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"); 

在蘋果頁面，效果是通過添加邊框（他們以前不存在）強調。