2

list小さなプラス記号の画像のリストがあります。javascriptリストを切り替えるには、次のようにします。

$(document).ready(function(){
      $('#main li ul').hide();
      $('#main li').click(function() {
      $(this).children('ul').slideToggle("slow");
      });
});

私がやりたいのは、月の1つをクリックすると、記号がここにあるマイナス記号に変わることです。

fiddleこれまでの作業リストのへのリンクは次のとおりです。

画像を変更する最も簡単な方法は何でしょうか？</ p>

4

2 に答える 2

2

これをチェックしてください：http：//jsfiddle.net/RPpgQ/

CSS

#main {
    cursor:pointer;
    padding-left: 20px;
}

#main li {list-style-image: url('http://static.nahoku.com/skin/frontend/enterprise/nahoku/images/plus-icon.gif');}
#main li.open {list-style-image: url('http://avnetexpress.avnet.com/wcsstore/emstore/images/prodnav-minus-sm.gif');}

#main ul {
     list-style-image: none;
}​

JavaScript

$(document).ready(function(){
    $('#main li ul').hide();
    $('#main li').click(function() {
        $(this).children('ul').slideToggle("slow");
        $(this).toggleClass('open');
    });
});
​
于 2012-11-19T04:31:14.660 に答える
0 
$(document).ready(function(){
      $('#main li ul').hide();
      $('#main li').click(function() {
        $(this).children('ul').slideToggle("slow");
        $(this).toggleClass('minus');  /*img gets applied to ul - not li */
   });
});

それから

.minus{
   list-style-image:url('http://minus_img');
 }
于 2012-11-19T04:30:37.777 に答える