Javascript JQuery事件onclick以显示/隐藏div
拜托,你能帮忙吗?我有一些HTML: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')) $('
关于这个
关于这个
我需要使用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();
});