[JavaScript][JQuery]Problem z rozciągnieciem tabeli Opcje

[Ivanowski]

Witam. Chciałem stworzyć taki kod w Jquery, w którym jeżeli klikniemy na przycisk to menu schowa się [ domyślnie jest ono na 20% strony] i to co pozostanie czyli tabela aby się rozciągnęła do 100% lecz nie mogę takiego czegoś uzyskać. Napisałem taki kod

Kod

$( "#hide_menu" ).click(function(){
    $( '.left' ).hide();
       //SCHOWANIE MENU
    $( '.right' ).css('margin-left', '0px');
       //ZMIENIENIE PRZYCISKÓW
    $( '#show_menu' ).show();
    $( '#hide_menu' ).hide();
});

//
// KLIKNIECIE NA show_menu
//
$( "#show_menu" ).click(function(){
    $( '.left' ).show();
       //POKAZANIE MENU
    $( '.right' ).css('margin-left', '20%');
       //ZMIENIENIE PRZYCISKÓW
    $( '#show_menu' ).hide();
    $( '#hide_menu' ).show();
});

Lecz po schowaniu menu tabela nadal jest na 80% strony i nie rozciągnęła się. Pomoże ktoś ?

[luki100011]

Możesz pokazać strukturę html-a ?

Sprawdź jak zachowa się tabela jak nadasz jej width: 100%.

[Ivanowski]

Strukture słabo bo jest ona tworzona poprzez wyciągnięcie elementów z bazy ale coś takiego:

[HTML] pobierz, plaintext 
		<table class="table">
 
<thead>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
</thead>
 
<tbody>		
<tr>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
</tbody>
</table>
 
[HTML] pobierz, plaintext 

Lepiej pokaże jak to wygląda

Przed nacisnieciem:

Po naciśnieciu:


I tam gdzie brakuje jak "zaktualizowac" WIDTH

Ten post edytował Ivanowski 30.10.2014, 21:32:26

[luki100011]

Coś w tym stylu:

[PHP] pobierz, plaintext 
$( 'table' ).css('width', '100%');
[PHP] pobierz, plaintext