我有代码为展示工作,并隐藏div.当显示和隐藏活动时,我将如何添加两个不同的图标作为精灵图像？
例如：显示我的图标,然后是一个隐藏我的图标.
这是代码,我有：
http://jsfiddle.net/BLkpG/
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});
切换到或 – 时,需要将图像更改为上述内容.
谢谢
解决方法
尝试这样的东西
jQuery的
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').toggle(function(){
$("#plus").text("-");
$(".slidingDiv").slideDown();
},function(){
$("#plus").text("+");
$(".slidingDiv").slideUp();
});
});
HTML
<a href="#" class="show_hide" id="plus">+</a>
<div class="slidingDiv" style="display: block;">
Check out the updated jQuery plugin for doing this: <a href="http://papermashup.com/jquery-show-hide-plugin/" class="show_hide" target="_blank" style="display: inline;">jQuery Show / Hide Plugin</a>
</div>
CSS
.show_hide {
display:none;
}
.a{
font: 2em Arial;
text-decoration: none
}
在这里查看本教程http://www.webstutorial.com/simple-jquery-toggle-tutorial-css-jquery-slide-toggle/jquery
