Question

Are you able to make other content active or visible upon selecting another item, similar to that of the apple iphone webpage – when you select the iphone 4 colour the model version becomes fully visible and active.

Apple iPhone Page
How would you go about making this work in jquery?

Answer 1

You can bind a click event handler to an element, and do whatever you like in there:

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

You can see above that I’ve used the the style property, which can be used to change the CSS properties of the element (in this case, I’m changing the display property to block – if it was hidden before then this would make anotherElem become visible).

To do that in jQuery:

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