Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery事件onclick以显示/隐藏div_Javascript_Jquery_Html - Fatal编程技术网

Javascript JQuery事件onclick以显示/隐藏div

Javascript JQuery事件onclick以显示/隐藏div,javascript,jquery,html,Javascript,Jquery,Html,拜托,你能帮忙吗?我有一些HTML: 关于这个 关于这个 我需要使用JQuery从span id but01/but02调用div id s1/s2 hidden/show with onclick事件 要支持Thx,请尝试以下操作: $('span[id^="but0"]').click(function(){ var id = $(this).attr('id').substr(4); if($('#s' + id).is(':visible')) $('

拜托,你能帮忙吗?我有一些HTML:

关于这个
关于这个
我需要使用JQuery从span id but01/but02调用div id s1/s2 hidden/show with onclick事件

要支持Thx,请尝试以下操作:

$('span[id^="but0"]').click(function(){
    var id = $(this).attr('id').substr(4);
    if($('#s' + id).is(':visible'))
         $('#s' + id).hide();
    else
        $('#s' + id).show();
});

有一个非常简单的解决方案:

$("#but01").click( function () {
  $("#s1").toggle();
});

演示:

这使用了on功能:

$("#but01").on('click', function () {
  $("#s1").toggle();
});

这也会将函数绑定到动态创建的元素。
$("#but01").on('click', function () {
  $("#s1").toggle();
});