// Jquery
$('.dropdown').hover(function () {
    $(this).addClass('dropdown-avtive');
},function () {
    $(this).removeClass('dropdown-avtive')
})
// css 样式
    .dropdown-active .dropdown-toggle {
    background-color: #fff;
    border-color: #cdd0d4;
}
.dropdown-active .dropdown-arrow{
    background: url("../img/dropdown-arrow-active.png");
}
.dropdown-active .dropdown-layer{
    display: block;
}

// 这样调用CSS 才对把，为什么教程中老师 是上面那么写的？？ 上面那么写为什么教程能成功调用，我本地使用完全不对
$('.dropdown').hover(function () {
    $(this).find('.dropdown-toggle').addClass('dropdown-toggle-active');
    $(this).find('.dropdown-arrow').addClass('dropdown-arrow-active');
    $(this).find('.dropdown-layer').addClass('dropdown-layer-active');
}, function () {
    $(this).find('.dropdown-toggle').removeClass('dropdown-toggle-active');
    $(this).find('.dropdown-arrow').removeClass('dropdown-arrow-active');
    $(this).find('.dropdown-layer').removeClass('dropdown-layer-active');
});