Javascript jQuery在显示元素时执行某些操作

Javascript jQuery在显示元素时执行某些操作,javascript,jquery,Javascript,Jquery,我希望在显示元素时执行代码 $('.test').on('click', function(){ $('.sub-slider').toggle(); $('.sub-slider').on('show', function(){ console.log("hi"); }); }); 尝试这样做。将函数包装在切换中。检查元素是否为display属性是否为block,然后传递您的内容 $('.test').on('click', function() {

我希望在显示元素时执行代码

$('.test').on('click', function(){
    $('.sub-slider').toggle();
    $('.sub-slider').on('show', function(){
     console.log("hi");
    });
});

尝试这样做。将函数包装在切换中。检查元素是否为
display
属性是否为
block
,然后传递您的内容

 $('.test').on('click', function() {
  $('.sub-slider').toggle(function() {
    if ($(this).css('display') == 'block') {
      console.log('showing')
    }
  });
});
示例

$('.test')。在('click',function()上{
$('.sub滑块').toggle(函数(){
if($(this.css('display')=='block'){
console.log('show')
}
否则{
console.log('hide')
}
});
});

点击

文本

尝试以下操作:

var visible=$(“#ele”/*选择元素*/)。是(“:visible”);
console.log(可见)

请包括所有相关代码。但可能有助于复制