Как оставить только одно значение в data-атрибуте без запятой?

Всем привет, никак не соображу, как поправить код.

(function ($) {
var options = [];
$(document).on('click', '.show-options', function(){
$('.options').hide();
options = $(this).data('options').split(',');
options.forEach(function(value){
$('#'+value).show(); 
});
return false;
});
})(jQuery);

<button data-options="1,2,3" class="show-options">1</button>
<button data-options="4,5,6" class="show-options">2</button>
<div class="row">
<div class="col-sm-1 options">1</div>
<div class="col-sm-2 options">2</div>
<div class="col-sm-3 options">3</div>
<div class="col-sm-4 options">4</div>
<div class="col-sm-5 options">5</div>
<div class="col-sm-6 options">6</div>
</div>

Здесь, блоки, которые нужно показать при клике, указываются в data-атрибуте через запятую, далее при клике, атрибут разбивается по запятой, массив перебирается на соответствие значения с классом блока.
Собственно, как правильно убрать массив и оставить для сравнения только одно значение в data-атрибуте без запятых?

<button data-options="1" class="show-options">1</button>
<button data-options="2" class="show-options">2</button>