Question

我需要将这行代码放入学校项目的If / Else语句中，并且无法弄清楚如何这样做。该按钮当前触发图片显示在页面上，但我无法弄清楚如何使用If / Else语句使其隐藏在按钮点击上。

$('#showA').on('click', function() {
    $('#house1').css('opacity', 1).fadeIn('slow');
  });

Answer 1

不需要if / else - 只需使用Jquery $('#showA').on('click', function() { $('#house1').fadeToggle('slow'); });函数。

 $('#showA').on('click', function() {
        $('#house1').fadeToggle('slow');
      });

请参阅演示代码段

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="showA">show</p>
<h3 id="house1">hello</h3>

fadeIn

使用if / else 表示需要OP

添加fadeOut和count取决于count变量
如果隐藏了该元素0重置为count == 0
点击var count=0; $('#showA').on('click', function() { if(count == 0){ $('#house1').fadeOut('400'); count++ } else { $('#house1').fadeIn('400'); count=0 } });元素时将隐藏

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <p id="showA">show</p>
    <h3 id="house1">hello</h3>

var data = [{ name: "A1", arr: [1, 2] }, { name: "A2", arr: [1] }],
    result = _.flatMap(data, 
        item => _.map(_.map(item.arr,
            v => ({ arr: [v] })
        ), prop => _.defaults({ name: item.name }, prop)));

console.log(result);

Answer 2

有一个jQuery函数负责它 - fadeToggle。

注意：fade函数已经运行opacity属性，您不需要包含它。

$('#showA').on('click', function() {
    $('#house1').fadeToggle('slow');
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='showA'>click</button>
<p id='house1' hidden>Hi</p>

如果/ Else声明援助

2 个答案: