Question

  click: function(event, data) {
    $('#clicked-state')
        .text('You clicked: '+data.name);
         if (data.name == "VA") {
           $('#va').toggle();
        }
          else {
            $('#va').style.display = 'none';
        }
  }
});

我有上述内容，想法是如果点击了不同的状态，div id VA将隐藏。目前，您点击了VA＆＃39;并且div VA已切换，但当您点击另一个状态div VA仍然存在时，它需要hide！

Answer 1

错！

$('#va').style.display = 'none';

试

$('#va')[0].style.display = 'none';

或

$('#va').get(0).style.display = 'none';

或

$('#va').hide();

Answer 2

something.style.display = 'none';

...是vanilla JavaScript方式。

$('something').hide();

...是jQuery方式。

如果你更喜欢vanilla JS方式，你可以获得jQuery对象的第一个元素，它允许你使用style.display，因为它将它转换为DOMElement。

$('something')[0].style.display = 'none'; // Cast to DOMElement rather than using a jQuery object

如果语句切换div其他隐藏div破碎

2 个答案: