如果 Link 处于活动状态,如何更改 Link 中的文本?
How to change Text in a Link if Link is active?
我有一个 .php 文件来构建我的幻灯片。在那张幻灯片中,我有一个小“+”——onClick——向下切换 div 以提供更多信息。我只是不知道如何管理它,如果 div 向下切换,那么 link 是 "active",“+”变为“-”或 "x"?
有人可以帮我吗?
"<div id='dialog-box-text'><a href='#' onclick=\"$('#dialog-toggle').toggle();\" style='display: block;'>[+]</a><div id='dialog-toggle'>"
这是我的一小段代码,用于管理 "effect"
感谢您的帮助!!!
我更愿意post将此作为评论,但我的代表不够高。
您正在寻找这样的东西吗? 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;
});
"<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'>"
我有一个 .php 文件来构建我的幻灯片。在那张幻灯片中,我有一个小“+”——onClick——向下切换 div 以提供更多信息。我只是不知道如何管理它,如果 div 向下切换,那么 link 是 "active",“+”变为“-”或 "x"?
有人可以帮我吗?
"<div id='dialog-box-text'><a href='#' onclick=\"$('#dialog-toggle').toggle();\" style='display: block;'>[+]</a><div id='dialog-toggle'>"
这是我的一小段代码,用于管理 "effect"
感谢您的帮助!!!
我更愿意post将此作为评论,但我的代表不够高。
您正在寻找这样的东西吗? 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;
});
"<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'>"