/**
 * Created by PhpStorm.
 * User: Targaryen
 * Date: 2016/7/19
 * Time: 16:05
 */
const $ = require('yoho-jquery');
const Vue = require('yoho-vue');

const brandBox = require('channel/brand-box.vue');

new Vue({
    el: '#brand',
    components: {
        brandBox
    }
});

const $expand = $('.expand'),
    $collapse = $('.collapse'),
    $brandIntro = $('.brand-intro'),
    exCoTm = 6; // 展开隐藏的倍数

$expand.on('click', function() {
    $brandIntro.removeClass('line-clamp').animate({height: $brandIntro.height() * exCoTm});
    $expand.hide();
    $collapse.show();
});

$collapse.on('click', function() {
    $brandIntro.addClass('line-clamp').animate({height: $brandIntro.height() / exCoTm});
    $collapse.hide();
    $expand.show();
});