Question

jquery 手风琴特效 鼠标点击触发效果怎么改

$(document).ready(function () { //先隐藏所有panelimg $(".panelimg").hide(); //显示第一个panelimg $(".panelimg:first").show(); $("#accordion .trigger").css("background",'url("../images/jia.jpg")') $("#accordion .trigger:first").css("background",'url("../images/jian.jpg")') $("#accordion .trigger").each(function(i){ $(this).hover(function () { //如果当前panelimg是隐藏 $("#accordion .trigger").css("background",'url("../images/jia.jpg")').eq(i).css("background",'url("../images/jian.jpg")'); $(".panelimg").hide().eq(i).show(); },function(){ }); }) })这是鼠标悬停特效 我想改成 鼠标点击触发 特效， 但是 我吧hover改成 click 后 手风琴特效就失效了

上面的代码有点乱看截图

Answer 1

$(document).ready(function() {
  $("#accordion .trigger").each(function(i) {
    /*------------------------*/
    $(this).hover(function() {
      $("#accordion .trigger").css("background", 'url("../images/jia.jpg")').eq(i).css("background", 'url("../images/jian.jpg")');
      $(".panelimg").hide().eq(i).show();
    },
    function() {});
    /*------------------------*/
    $(this).click(function() {
        alert('!');
    });
  })
})

应该是可以的呀，你先保留hover事件试试呢

Answer 2

hover是模仿悬停事件的方法，你仔细看一下，有两个函数，当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
改成click：
$(this).click( function () {
//如果当前panelimg是隐藏
$("#accordion .trigger").css("background",'url("../images/jia.jpg")').eq(i).css("background",'url("../images/jian.jpg")');
$(".panelimg").hide().eq(i).show();
});

Answer 3

请把页面和css贴出来先