как добавить свойство всем внутренним блокам JS jQuery?

Есть следующая конструкция с блоками описания

<div class="container descr">
            <div class="banner">
                Баннерная реклама –качественные интернет-ресурсы (охватные и тематические) с широким выбором форматов и рекламных мест.
            </div>
            <div class="video">
                Видеореклама позволяет охватить труднодостижимую ТВ-аудиторию. Мы предлагаем размещение рекламных роликов на ведущих ресурсах Рунета.
            </div>
            <div class="mobil">
                Использование мобльных версий рекламы позволяет получить высокие KPI  по низкой стоимости
            </div>
            <div class="smm">
                Реклама в социальных сетях - динамично развивающийся сегмент с ширким охватом пользователей
            </div>
            <div class="context">
                Используйте контекстную рекламу как наиболее релевантный инструмент продвижения продукта
            </div>
        </div>

нужно по клику на кнопку из этого блока

<ul class="nav nav-pills">
                    <li class="filter" data-filter="all">
                        <a href="javascript:void(0)">Все виды</a>
                    </li>
                    <li class="filter" data-filter="banner">
                        <a href="javascript:void(0)">Баннерная реклама</a>

                    </li>
                    <li class="filter" data-filter="video">
                        <a href="javascript:void(0)">Видеореклама</a>
                    </li>
                    <li class="filter" data-filter="mobil">
                        <a href="javascript:void(0)">Мобильная реклама</a>
                    </li>
                    <li class="filter" data-filter="smm">
                        <a href="javascript:void(0)">Социальные сети</a>
                    </li>
                    <li class="filter" data-filter="context">
                        <a href="javascript:void(0)">Контекстная реклама</a>
                    </li>
                </ul>

К классам блока (video, mobil) привязываться нельзя. Скрывать родительский блок целиком тоже

Не могу сообразить, как такое сделать?

UPD. Нашел решение, оказывается все просто. Этот код будет удалять описание всех блоков и потом выводить только тот, на который кликнули

jQuery(document).ready(function($){
	$('.filter').click(function () {
		var $t = $(this);
		var thisFilter = $t.attr('data-filter');
		// alert(thisFilter)
		$('.descr *').hide()
		$('.'+ thisFilter).show()
	})

})

Если кто знает, как можно красивее - было бы интересно)