как сделать содержание исчезает, когда происходит событие

Question

я использую следующий сценарий для развала боковой панели:

<script> 

$(document).ready(function(){ 
$('.collaps').addClass('collaps_on'); 
    var showFlag=1 
    $('.collaps').click(function() { 
    if(showFlag==1){ 
    $('#adminmenuback').animate({width:"5%"}); 
    $('.three-fourth').animate({width:"93%"}); 
     $('ul.admin-menu li a').addClass("newgradient"); 

    if($('.collaps').hasClass("collaps_on")){ 
     $('.collaps').addClass("collaps_off"); 
     $('.collaps').removeClass("collaps_on"); 

    } 
    else{ 
    $('.collaps').addClass("collaps_on"); 
    $('.collaps').removeClass("collaps_off"); 

    } 

     showFlag=0; 
    }else{ 
    $('ul.admin-menu li a').removeClass("newgradient"); 
    $('#adminmenuback').animate({width:"17%"}); 
    $('.three-fourth').animate({width:"81%"}); 

      if($('.collaps').hasClass("collaps_off")){ 
     $('.collaps').addClass("collaps_on"); 
     $('.collaps').removeClass("collaps_off"); 

    } 
    else{ 
    $('.collaps').addClass("collaps_off"); 
    $('.collaps').removeClass("collaps_on"); 

    } 

    showFlag=1; 
    }  
    }); 
}); 

</script> 

HTML-боковой панели, как это:

<section class="one-fourth" id="adminmenuback"> 
    <ul class="admin-menu"> 

    <li><a href="#" class="collaps">button</a></li> 
    <li><a href="#"> <span class="home"></span>Dashboard </a></li> 
    <li><a href="#"> <span class="home"></span>Dashboard </a></li> 

    </ul> 


</section> 

его работы Прекрасно, единственное, что я хочу, чтобы имя ссылок (например, где написано «dashbord») исчезло, когда я скрою ширину боковой панели (#adminmenuback) до 5%. вот jsfiddle: http://jsfiddle.net/kF38Q/ заранее спасибо

Answer 1

дают элементы, которые вы хотите, чтобы исчезнуть идентификатор, а затем просто использовать $('#idOfObject').fadeOut(), чтобы скрыть его.

, если вы хотите, чтобы они вновь Используйте $('#idOfObject').fadeIn()

Answer 2

Извините, если я не правильно понимаю. Но вы можете добавить новую функцию, когда анимация делается, чтобы удалить текст ссылки:

$('#adminmenuback').animate({width:"5%"}, function(){ 
      $('#adminmenuback a').text(''); 
     } 

Если добавить к overflow: hidden #adminmenuback, то текст будет пропадают на основе ширины.