Скрыть/показать блок по клику
 

Здравствуйте, есть два блока: 1) слева с меню 2) справа с контентом.
Задача: при нажатии на пункт меню показывать соответствующий этому элементу списка контент, который до этого момента был 'hidden'.
Элементам списка я задал data-value каждому свой. А каждому диву с соответствующим контентом класс, идентичный data-value. Получается так:ссылка в меню - <a data-value="modalWindow"></a>;
и соответствующий ей контент<div class="modalWindow hidden"></div>

Так вот, я хочу взять значение data-value из той ссылки на которую мы нажимаем, скрыть все остальные дивы с контентом в правом блоке и показать див, у которого значение class = значение data-value нажатой сссылки

У меня получилась вот такая функция:
$('.dropdown-main ul span li a').on('click', function () {
var valuee = $(this).attr('data-value');
$('#right div').hide();
$("valuee").show();
});

Как это записать правильно?

var thisVal = $(this).attr('data-value');
$('[data-value='+thisVal +']')

Куда лучше прописать в блоках с контентом классы поиск по которым куда менее затратен, тем более если они будут выводиться в цикле, например <div class="myClass-1"> а в меню уже как хочешь - суй эти классы в data атрибуты или что хочешь.