Андрей Б.

codepen.io/anon/pen/LpxWor

$("selector").each(function(){
    currentText = $(this).text();
    $(this).text(currentText.split(",")[0]);
});

codepen.io/anon/pen/bdXyKo?editors=110 но есть ряд ограничений

jsfiddle.net/gdozpopn

Так этот метод по умолчанию плавно работает, при открытии и закрытии. Или вопрос в другом?
Как скрывать при клике за пределами элемента

upd: пример

Где то у вас ошибка, скорее всего в путях.
У меня спрайты генерируются аналогичным способом.

Исходники:
Есть папка /images в ней у меня две папки под два разных шаблона одного сайта, допустим /sprite-1 и / sprite-2
В каждой папке свои изображения.

Далее:
1. Делаете два таска с разными названиями
2. В gulp.src указываете для каждого таска свой путь на исходники
3. В imgName указываете разное название, оно будет записываться в шаблон
4. В cssName указываете разные названия генерируемого файла с переменными, иначе он будет перезаписываться.
5. Путь до шаблона .mustache оставляете одинаковым

Выдача:
/img
--/sprite-1
--/sprite-2

Единственное что не нравится, это разные выдаваемые папки, в одну почему-то не получилось скидывать, ну и то что два разных таска.

В идеале хотелось бы имеет умный генератор, который смотрел бы на названия файлов исходников и разбивал бы на спрайты, можно задавать префиксы и не париться. Плюс максимальное количество "включенных" в спрайт изображений, а то разбухает.

$(".stringly").click(
        function() {
            $(".stringly").removeClass("allocation"); // Сначала удаляем предыдущее выделение
            $(this).addClass("allocation");
        }
);

Проверять так.
Добавление класса надеюсь сами сможете сделать?