javascript - 使用 jquery 显示/隐藏链接

Question

我想用 jquery 隐藏链接，如果用户第一次点击按钮，链接将隐藏(通过添加类隐藏)，但如果第二次点击按钮应该显示(删除类隐藏)。它是一个折叠切换功能。当我第一次点击按钮时，它隐藏了，但是第二次，不起作用

HTML

     <!--BUTTON -->
<div class="sidebar-collapse" style="" id="sidebar-collapse">
                <a href="#" class="sidebar-collapse-icon with-animation">

                    <i class="entypo-menu"></i>
                </a>
            </div>
 <a href="mysite_url" id="logo-title"> <br> My Site Name </a>

JavaScript

<script>
    var logo_title = $('a#logo-title');
    $('div#sidebar-collapse').click(function(){
        logo_title.addClass('hidden-md hidden-lg cj_inspired');
        if($('div#sidebar-collapse').click() && logo_title.hasClass('cj_inspired') ){
            $('a#logo-title').removeClass('hidden-md hidden-lg cj_inspired');
        }
    })
</script>

Answer 1

您可以像这样隐藏显示链接:

$('div#sidebar-collapse').click(function(){
  if ( $("#logo-title").is(":visible") ) { 
    $("#logo-title").hide(); 
  } else if ( $("#logo-title").is(":hidden") ) { 
    $("#logo-title").show(); 
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="sidebar-collapse" style="" id="sidebar-collapse">
     <a href="#" class="sidebar-collapse-icon with-animation">
         Click               
         <i class="entypo-menu"></i>
     </a>
 </div>
 <a href="mysite_url" id="logo-title"> <br> My Site Name </a>