刪除/顯示元素

Question

我想創建一個網站，其中3個圖像，要點擊，切換3個不同的div /元素。我想要的是每個可點擊的圖像顯示某個元素，同時刪除以前顯示的元素。

所以image1會顯示div1，image2會顯示div2，image3會顯示div3。之前的元素必須從字面上刪除，而不是隱藏在視線之外。

如果可能的話，有沒有辦法保存當某人持續用cookies訪問網站時的選項？

Answer 1

下面是使用jQuery快速的解決方案： http://jsfiddle.net/jonigiuro/45HKG/

$('.image').on('click', function(e) { 
    $('.box').addClass('hidden'); 
    var imageNumber = $(this).attr('id').replace('image',''); 
    $('#div'+ imageNumber).removeClass('hidden'); 
});