Html 3D菜单旋转，文本消失

我是初学者，所以我需要一些帮助。我有这个菜单，当我用鼠标在主页按钮时，主页按钮会旋转，但不会显示任何内容。当其旋转时，主文本消失

（函数（$）{
$.fn.menumaker=函数（选项）{
var cssmenu=$（此），设置=$.extend({
标题：“菜单”，
格式：“下拉列表”，
断点：768，
粘性：假
}，选项）；
返回此值。每个（函数（）{
cssmenu.find（'li-ul'）.parent（）.addClass（'has-sub'）；
如果（settings.format！=“选择”）{
cssmenu.prepend（“”+settings.title+“”）；
$（this）.find（#菜单按钮”）.on（'click'，function（）{
$（this.toggleClass（'menu-opened'）；
var mainmenu=$（this.next（'ul'）；
如果（mainmenu.hasClass（'open'））{
main menu.hide（）.removeClass（'open'）；
}
否则{
main menu.show（）.addClass（'open'）；
如果（settings.format==“下拉列表”）{
main menu.find（'ul'）.show（）；
}
}
});
multiTg=函数（）{
cssmenu.find（“.has sub”）.prepend（“”）；
cssmenu.find（“.submenu button”）。在（'click'，function（）上{
$（this.toggleClass（'submenu-opened'）；
if（$（this）.sibbins（'ul'）.hasClass（'open'））{
$（this）.sides（'ul'）.removeClass（'open'）.hide（）；
}
否则{
$（this）.this（'ul'）.addClass（'open'）.show（）；
}
});
};
如果（settings.format==='multitogle'）multiTg（）；
else cssmenu.addClass（'dropdown'）；
}
else if（settings.format==='select'）
{
cssmenu.append（“”）.addClass（'select-list'）；
var selectList=cssmenu.find（'select'）；
selectList.append（“”+settings.title+“”）{
“已选定”：“已选定”，
“价值”：“}”；
cssmenu.find（'a'）。每个（函数（）{
var元素=$（此），缩进=”；
对于（i=1；iselectList.append（“”+缩进+元素.text（）+'看不到任何旋转。你没有添加CSS。我们如何帮助你。我添加CSS，对不起，我放弃检查你发布的小提琴。我觉得很好。你到底面临什么问题。顺便说一句，我看不到任何转换。看不到任何旋转。你没有添加CSS。我们如何帮助你。我添加CSS，对不起，我放弃检查fiddl你已经发布了。我觉得不错。你到底面临什么问题。顺便说一句，我看不到任何转变。