Zwijanie się DVZ Shoutbox tak jak dział.

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'});
});