ロードすると、このようになります。
このように展開すると
know how + sign をクリックすると、正常に機能する新機能が折りたたまれます。
ただし、whats new をクリックして、whats new をもう一度クリックすると、折りたたみは正常に機能しますが、+ 記号のイメージは変わりません。
私もそのサインを変えなければなりません。助けてください、よろしくお願いします。
HTML
<div class="Wobnavi">
<ul class="rootFolders">
<li id="wobsubfolder1">
<h2 class="more_folders" id="wobsubfolder1"> <a href="#">WHAT'S NEW?</a> </h2>
<ul class="subFolders">
<li>
<a href="#">test</a>
</li>
</ul>
</li>
<li id="WOB-events-folder">
<h2 class="null" id="WOB-events-folder"> <a href="#">EVENTS</a> </h2>
</li>
<li id="wobsubfolder2">
<h2 class="more_folders" id="wobsubfolder2"> <a href="#">KNOW-HOW</a> </h2>
<ul class="subFolders">
<li>
<a href="#">Legacy & brand values</a>
</li>
</ul>
</li>
<li id="wobsubfolder3">
<h2 class="null" id="wobsubfolder3"> <a href="#">ATTRACTIONS</a> </h2>
</li>
<li id="HERITAGE">
<h2 class="null" id="HERITAGE"> <a href="#">heritage</a> </h2>
</li>
</ul>
</div>
jquery:
jQuery(document).ready(function(){
jQuery('.Wobnavi .rootFolders h2').click(function(){
var main = jQuery('.Wobnavi .rootFolders h2');
var clk = jQuery(this);
var it = main.hasClass('less_folders') ? (main.removeClass('less_folders'), clk.toggleClass('less_folders')) : clk.toggleClass('less_folders');
var co = jQuery('.subFolders');
var el = jQuery(this).next(co);
var doit = el.is(':hidden') ? ( co.slideUp('1000'), el.slideDown('1000')) : co.slideUp('1000') ;
});
});