点击按钮显示和隐藏div

142 阅读1分钟

function toggleBtn() {

        var div = document.getElementById('myDiv');
        var button = document.getElementById('toggleButton');
        var select = $('.mySelect');
        var choseCon =$(".chosen-container")
        if (div.style.display == 'none') {
        div.style.display = 'inline';
        button.innerHTML = '收起';
        select.css('visibility', 'visible');
        choseCon.css('width','120px')

        } else {
        div.style.display = 'none';
        button.innerHTML = '+11';
        select.css('visibility', 'hidden');
        choseCon.css('width','120px')
        }

}
 function toggleBtn() {s
    var div = $('#myDiv');
    var button = $('#toggleButton');
    var select = $('.mySelect');
    var choseCon =$(".chosen-container")
    if (div.is(":hidden")) {
      div.show();
      button.text('收起');
      select.css('visibility', 'visible');
      choseCon.css('width','120px')
    } else {
      div.hide();
      button.text('+11');
      select.css('visibility', 'hidden');
      choseCon.css('width','120px')
    }
  }
$(document).ready(function() {
    var button = document.getElementById('toggleButton');
    $('#toggleButton').click(function() {
      $('#myDiv').toggle(function() {
        if ($(this).is(":visible")) {
          $(this).show();
          button.innerHTML = '收起2';
        } else {
          $(this).hide();
          button.innerHTML = '+12';
        }
      });
    });
  });



document.getElementById('toggleButton').addEventListener('click', function() {
    var div = document.getElementById('myDiv');
    var button = document.getElementById('toggleButton');
    if (div.style.display == 'none') {
      div.style.display = 'inline-block';
      button.innerHTML = '收起';

    } else {
      div.style.display = 'none';
      button.innerHTML = '+11';
    }


    var button = document.getElementById('toggleButton');
    $('#toggleButton').click(function() {
      $('#myDiv').toggle(function() {
        if ($(this).is(":visible")) {
          $(this).show();
          button.innerHTML = '收起2';
        } else {
          $(this).hide();
          button.innerHTML = '+12';
        }
      });
    });
 });