检查面板是否打开的最佳做法

Question

使用全局变量或检查.css属性（在示例中我使用可见性，但我可能会使用宽度）来查看面板是否打开/关闭是否更好？使用全局变体有任何缺点吗？它似乎是一个更优雅，可维护，可重用，更快速和实用的做法，但我一直被警告不要使用全局变量。

//Global//

var Panel;

function Slide()
{
    $('#panel').animate(
    {
        width:100%,
    },400,'easeInOutQuart');
    Panel='open';
}

function Check()
{
    if(Panel==='open')
    {
         //action//
    }
}

或

//CSS//

function Slide()
{
    $('#panel').animate(
    {
        width:100%,
    },400,'easeInOutQuart');
}

function Check()
{
    if($('#panel').is(':visible'))
    {
         //action//
    }
}