Mam problem z zamianą klas z poziomu jQuery.
<!--Question #1--> <div class="question"> <div class="bg-question"> Nulla in lorem quis lacus tincidunt faucibus at quis itolit? </div> <div class="bg-answer"> <p class="grey-light"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur eros est, ut hendrerit purus auctor at. Nulla in lorem quis lacus tincidunt faucibus at quis velit. Phasellus lacus metus, scelerisque in dapibus sed, condimentum at leo. Phasellus condimentum arcu eget auctor dictum. Phasellus et feugiat dolor, in eleifend velit. </p> </div> </div> <!--Question #2--> <div class="question"> <div class="bg-question"> Nulla in lorem quis lacus tincidunt faucibus at quis itolit? </div> <div class="bg-answer"> <p class="grey-light"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur eros est, ut hendrerit purus auctor at. Nulla in lorem quis lacus tincidunt faucibus at quis velit. Phasellus lacus metus, scelerisque in dapibus sed, condimentum at leo. Phasellus condimentum arcu eget auctor dictum. Phasellus et feugiat dolor, in eleifend velit. </p> </div> </div>
$(document).ready(function(){ $('.bg-answer').hide(); //Hide all answers $('.bg-question').toggle( function(){ $(this).next('.bg-answer').fadeIn(); $(this).next('.minus').removeClass('plus').addClass('minus'); <-- tu chce usunąć klase plus i wpisac w to miejsce klase minus }, function(){ $(this).next('.bg-answer').fadeOut(); $(this).next('.minus').removeClass('minus').addClass('plus'); <-- odwrotnie } ); });
Ma być to efekt accordion, do pluginu FAQs.
Nie wiem jak się dostać tylko do najbliższego diva o klasie plus i zamienić to na minus... Proszę o pomoc