Отображение div (имеет стиль «display: none»), нажав на изображение в другом div

Question

У меня есть 5 изображений на div (как изображения продуктов большого пальца).И у меня есть еще один div с кратким разделом с вкладками.

Моя кодировка (как показано ниже):

1. Div с 5 изображениями.
2. В другом Div есть 5 вкладокраздел с информацией о продукте.
3. Кроме того, у второго div есть свойство style"display:none".Я хочу, чтобы его подробный раздел div отображался большим пальцем.

Заранее спасибо.

Answer 1

Вы можете использовать .show() и .hide(), чтобы переключать 'display: none', чтобы показать / скрыть раздел.

Answer 2

Вот пример того, как это сделать.

http://jsbin.com/anere3/3/edit

Надеюсь, это поможет.

Bob

Answer 3

Я предполагаю, что у вас есть некоторые другие теги с конкретными описаниями изображений, поэтому вам придется их также показать / скрыть.

$('#div1 img').click(function(){  //when you click on the thumb in the first div
        var i = $('#div1 img').index(this); //get index of thumb to correspond to image
        $('#div3').toggle(); //show third div
        $('#div3 div').eq(i).toggle(); //show the particular thumb's description
});

Answer 4

Мой ответ может получить только то же, что и ваше описание.