褪色innerHTML，而不是全部元素

-1

我需要淡化div的文本而不会淡化文本的容器。 Here is my work。我需要第8行工作，像第7行，所以我可以删除文本周围的容器div（content）。换句话说，我需要点击动画div的文字颜色变化。有任何想法吗？褪色innerHTML，而不是全部元素

$(document).ready(function(){ 
    var x = false; 
    $('#changeWidth').click(function() { 
     if(x){} 
     else{ 
      x = true; 
      $(".content").fadeToggle(300); 
      //$("#changeWidth").html().fadeToggle(300); 
      var toggleWidth = $(".inner").width() == 30 ? "350px" : "30px"; 
      var toggleHeight = $(".inner").height() == 10 ? "48px" : "10px"; 
      $('.inner').animate({ width: toggleWidth, height: toggleHeight }); 
      setTimeout(function(){x=false;},500); 
     } 
    }); 
});

在此先感谢

编辑：回过头来看这个问题，现在几个月后，this is how I'd do it使用CSS转换和拨动

来源

2013-06-11 Zach Saucier

你想达到什么目的？ '我需要淡入一个div的文本，而没有文本的容器div。' - 那你为什么把你的文字放在一个div里？ – dezman

向你展示我想达到的目标。我需要通过我描述的不同方式达到同样的目标。没有必要downvote –

Fiddle。这是否符合您的需求？你可以这样做：

HTML：

<p class="toHide">jQuery</p>

JS：如果你想使用动画颜色

$('.toHide').click(function(){ 
    $(this).css('color', 'white'); 
});

，你必须包括这个插件：https://github.com/jquery/jquery-color

$('.toHide').click(function(){ 
    $(this).animate{(color: 'white'), 50}; 
});

或者你可以使用toggleClass（）与CSS转换！（这是最好的选择!!）：

$('.toHide').click(function(){ 
    $(this).toggleClass('colorWhite'); 
});

来源

2013-06-11 17:02:39 dezman

对不起，我不清楚，我不能有任何类型的容器周围的文本，包括'p's，'div'，'span's等我更新我的问题，包括该澄清 –

你的html看起来像什么呢？它必须在一些标签中。如果没有标签，没有办法做任何事情。 – dezman

我给出了问题中的链接，但所需的格式是'

jQuery

'。我需要文本淡入淡出点击 –

褪色innerHTML，而不是全部元素

回答

相关问题