Необходимость JS Помощь- схлопывании переключена вниз элемент, когда другой выбран

Question

Нужна помощь в разделе «наша команда» на полпути вниз этой страницы: http://dev.doubleaevents.com/

При нажатии изображение оно открывается, чтобы показать больше информации. Я хотел бы иметь возможность щелкнуть другое изображение и свернуть ранее открытое изображение, чтобы пользователь не мог открыть более одного изображения за раз.

Хотелось бы также знать, будет ли это делать скольжение вправо (а не вниз) - это простое исправление?

Я новичок в js, поэтому любые объяснения приветствуются. Вот файл JS для быстрой справки: http://dev.doubleaevents.com/wp-content/plugins/portfolio-gallery/assets/js/view-toggle-up-down.js

Answer 1

Попробуйте добавить это:

jQuery('.portelement').each(function(){ 
    if(jQuery(this).hasClass('large')){ 
     jQuery(this).removeClass('large'); 
     jQuery(this).animate({ 
      height:240 
     },300); 
    } 
}); 

перед:

jQuery(this).parents('.portelement').addClass('large'); 

В вашем яваскрипта коде.

Когда вы нажимаете элемент, вы в основном хотите найти уже открытые элементы. Затем оттуда удалите «большое» имя класса и закройте этот элемент. Оттуда вы продолжаете открывать выбранный элемент. То, что делает этот код.

Насколько ваш другой вопрос, это не должно быть слишком сложно, просто беспорядок вокруг с анимированным методом и css. Но, возможно, посмотрите на документацию по изотопам. Для этого может быть вариант.