Zwijane boxy w sidebar

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

Chciałbym aby po kliknięciu (Widoczne jest po najechaniu na sideboxa) "×" nie przenosiło na górę forum, zapisywały się zwinięte boxy oraz jak jest zwinięty to żeby z "×" zmieniało się na "...".

Używam tego skryptu: http://karol-drag.eu/art/html-js-jquery-...janie-diva

Spróbuj tego http://stackoverflow.com/questions/17158...w-hide-div po lekkim dostosowaniu do Twojego HTML powinno działać.

Wgrałem to lecz w ogóle nie działa. Efekt można zobaczyć pod DVZ Shoutboxem.

W ogóle nie widzę tam dodanego kodu js.
To powinno być po dołączeniu jquery https://github.com/carhartl/jquery-cooki....cookie.js
Oraz gdzie dodałeś kod odpowiadający za te menu?

Dodałem do headerinclude

<script type = "text/javascript">
var menu_state = $.cookie('mydomain_menuflag');

if( typeof menu_state !== "undefined" && menu_state == "visible" ) {
    $('#nav').show;
} else {
    $('#nav').hide;
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'hidden');
}

console.log( $.cookie('mydomain_menuflag') );


$('.show_menu').click(function() {
    console.log( 'showing...' );
    
    $('#nav').toggle();
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'visible');
    $("#page_cont").css("width", "80%");
    $(".hide_menu").css("display", "block");
    $(".show_menu").css("display", "none");
    
    console.log( $.cookie('mydomain_menuflag') );
});
$('.hide_menu').click(function() {
    console.log( 'hiding...' );
    
    $('#nav').toggle();
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'hidden');
    $("#page_cont").css("width", "100%");
    $(".hide_menu").css("display", "none");
    $(".show_menu").css("display", "block");
    
    console.log( $.cookie('mydomain_menuflag') );
});

</script>

Dalej nie widzę dołączonego skryptu jQuery cookie.
Kod który podałeś powyżej powinien znajdować się pomiędzy deklaracją document ready

<script type = "text/javascript">
$( document ).ready(function() {

//Kod tutaj

});

</script>

Mam dołączony,

<script type="text/javascript" src="{$mybb->settings['bburl']}/images/infinite/js/jquery.cookie.js"></script>

Teraz działa ale chyba jest jakiś konflikt ID

No jest konflikt. Pozmieniaj sobie nazwy id, klas w skrypcie i html'u który dodałeś.

Zmieniłem, wszystko pięknie działa, lecz po odświeżeniu się nie zapisuje. I jak bym chciał dodać kolejny box zwijany to muszę kilka razy ten sam kod tylko inne ID?

I jak bym chciał dodać kolejny box zwijany to muszę kilka razy ten sam kod tylko inne ID?

problem sprawdzić czy tak zadziala?

No nie działa :/ Mój kod:

$( document ).ready(function() {
var menu_state = $.cookie('mydomain_menuflag');

if( typeof menu_state !== "undefined" && menu_state == "visible" ) {
    $('#box1').show;
} else {
    $('#box1').hide;
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'hidden');
}

console.log( $.cookie('mydomain_menuflag') );


$('.show_menu').click(function() {
    console.log( 'showing...' );
    
    $('#box1').toggle( "slow" );
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'visible');
    $("#page_cont").css("width", "80%");
    $(".hide_menu").css("display", "block");
    $(".show_menu").css("display", "none");
    
    console.log( $.cookie('mydomain_menuflag') );
});
$('.hide_menu').click(function() {
    console.log( 'hiding...' );
    
    $('#box1').toggle( "slow" );
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'hidden');
    $("#page_cont").css("width", "100%");
    $(".hide_menu").css("display", "none");
    $(".show_menu").css("display", "block");
    
    console.log( $.cookie('mydomain_menuflag') );
});





var menu_state = $.cookie('mydomain_menuflag');

if( typeof menu_state !== "undefined" && menu_state == "visible" ) {
    $('#box2').show;
} else {
    $('#box2').hide;
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'hidden');
}

console.log( $.cookie('mydomain_menuflag') );


$('.show_menu2').click(function() {
    console.log( 'showing...' );
    
    $('#box2').toggle( "slow" );
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'visible');
    $("#page_cont").css("width", "80%");
    $(".hide_menu2").css("display", "block");
    $(".show_menu2").css("display", "none");
    
    console.log( $.cookie('mydomain_menuflag') );
});
$('.hide_menu2').click(function() {
    console.log( 'hiding...' );
    
    $('#box2').toggle( "slow" );
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'hidden');
    $("#page_cont").css("width", "100%");
    $(".hide_menu2").css("display", "none");
    $(".show_menu2").css("display", "block");
    
    console.log( $.cookie('mydomain_menuflag') );
});

});

oraz

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder border_table" style="clear: both;">
<tr>
<td class="thead_sidebox" colspan="2">

{$lang->mystatus_recent_updates}
<a class="hide_menu2 right mod_links">×</a>
<a class="show_menu2 right mod_links" style="display:none;">...</a>

</td>
</tr>
<tr>
<td class="trow2">

<div id="box2" style="display:block;">
        {$mystatus_latest_statuses_row}
</div>

</td>
</tr>
</table><br>