Zwijanie się DVZ Shoutbox tak jak dział.

Założony przez  Kacper Wojciechowski.

wersja skryptu MyBB: 1.8.4
adres forum: http://silence.c0.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam, chciałbym się zapytać jak zrobić zwijanie się DVZ Shoutboxa tak jak dział, tzn po kliknięciu buttona :)
DVZ znika po naciśnięciu na belkę... Jak chcesz tak jak dział, to zobacz jak to wygląda w js od DVZ i przypisz funkcję do butona.
Zmieniłem w JS i w szablonie, wszystko działa tylko obrazek się nie zmienia od toggle.
Dopisz do funkcji zwijającej:
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});

A do rozwijającej:
Dopisz do funkcji zwijającej:
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse.png'});
hm tam nie ma takiej funkcji, jest wszystko w
$(document).on('click', '#shoutbox .expcolimage', function() {
    dvz_shoutbox.toggle(!dvz_shoutbox.status);
});
No to dopisz ifa po .toggle()
jak tak mam:
$(document).on('click', '#shoutbox .expcolimage', function() {
    dvz_shoutbox.toggle(!dvz_shoutbox.status);
if
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
});
to nie czyta jQuery.
Boże, widzisz i nie grzmisz...

$(document).on('click', '#shoutbox .expcolimage', function() {
dvz_shoutbox.toggle(!dvz_shoutbox.status);
if(!dvz_shoutbox.status){
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
}
else{
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse.png'});
}
});

Jak to nie zadziała, to usuń ! w instrukcji warunkowej
Wielki dzięki, działa ;)
warto sprawdzić jeszcze jaki obrazek ma być po odświeżeniu strony
Faktycznie, to co trzeba zrobić w takiej sytuacji?
Spróbuj tak:
if(jQuery('#shoutbox .body').is(':hidden')) jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
jQuery(document).on('click', '#shoutbox .expcolimage', function() {
    dvz_shoutbox.toggle(!dvz_shoutbox.status);
    if(!dvz_shoutbox.status) jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
    else jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse.png'});
});



Użytkownicy przeglądający ten wątek:

1 gości