删除/显示元素

Question

我正在尝试创建一个网站，其中3个图像，要点击，切换3个不同的div /元素。我想要的是每个可点击的图像，以显示某个元素，同时删除以前显示的元素。

因此image1将显示div1，image2将显示div2，image3将显示div3。之前的元素必须被逐字删除，而不仅仅是隐藏在视线之外。

如果可能的话，有没有办法保存当有人持续访问带有cookie的网站时的选项？

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');
});