jquery fadeToggle with variable

Question

我正在尝试使用以下HTML代码淡化图像

<img src="/images/guideknap.png" style="position: absolute; top:285px; left:83px; z-index:1;" name="rb-b-help" onclick="HelpToggle(this.name)">    
<div id='rb-b-help' ><img src='/images/rb-b-help.png' style='display:none; position: absolute; top:77px; left:150px; z-index:99;'></div>

这是我的Javascript

function HelpToggle($this) {
$(document).ready(function() {
        $("#"+$this).fadeToggle(500);
});

}

为什么这不起作用的任何好主意？

JavaConsole中没有错误......

由于

Answer 1

很抱歉，之前的回答是完全错误的。

在您的情况下，隐藏img内的#rb-b-help，因此您需要切换该元素

function HelpToggle($this) {
    $(document).ready(function () {
        $("#" + $this).find('img').fadeToggle(500);
    });
}

function HelpToggle($this) {
  $("#" + $this).find('img').fadeToggle(500);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img src="//placehold.it/64X16&text=guideknap" style="position: absolute; top:285px; left:83px; z-index:1;" name="rb-b-help" onclick="HelpToggle(this.name)">
<div id='rb-b-help'>
  <img src='//placehold.it/64X16&text=rb-b-help' style='display:none; position: absolute; top:77px; left:150px; z-index:99;' />
</div>

Answer 2

以下代码可以使用：

function HelpToggle($this) {
   $("#" + $this).fadeToggle(500);
}