我有一个构建幻灯片的.php文件。在那张幻灯片中,我有一个小"+",它在onClick上向下切换一个div以获得更多信息。我只是不知道如何管理,如果div被关闭,那么链接是"活动的","+"会变成"-"还是"x"?
有人能帮我吗?
"<div id='dialog-box-text'><a href='#' onclick='"$('#dialog-toggle').toggle();'" style='display: block;'>[+]</a><div id='dialog-toggle'>"
这是我的一小段代码,用于管理这种"效果"
谢谢你的帮助!!!
"<div id='dialog-box-text'><a href='#' onclick='"$('#dialog-toggle').toggle();if($(this).text()=='[+]')$(this).text('[x]');else $(this).text('[+]')'" style='display: block;'>[+]</a><div id='dialog-toggle'>"
我更愿意把它作为评论发布,但我的代表性不够高。
你在找这样的东西吗?http://jsfiddle.net/s1gzxsb7/
$(document).ready(function(){
$("#close").on("click", function(){
if($(this).text()=="[+]"){
$(this).text("[x]");
}else{
$(this).text("[+]");
}
});
});
我把它保存起来了-不确定它是否有帮助:
http://codepen.io/CalvT/pen/JoOJJB
它的Javascript如下:
$('a').on('click', function(){
$('.wrap, a').toggleClass('active');
return false;
});