Как правильно сделать скрипт адаптивным в зависимости от колчества элементов в ряд?

https://jsfiddle.net/c55fauu8/
Делаю скрипт, по примеру, но сейчас застыл на моменте когда не понимаю как сделать его адекватное воспроизведение при 2х строках, так как первый элемент открываеться с помощью slideDown, при клике на последующие изменяеться через fadeOut & fadeIn, хочу сделать что бы если открываеться элемент с другой строки что бы он открывался с помощью slideDown, а из предыдущей строки закрывался с помощью slideUP.
Так же на мобильных усторойствах хочу сделать что бы был 1 элемент в строку, и информация о нем открывалась сразу под ним, понимаю что могу сделать костыльно через display:none, но хочу понять как делать это правильно ,а не как идиот