Немного усложнить script

[CatInTheBread]

Всем джамбо. Есть такой вот нехитрый код http://jsfiddle.net/LeWBH/

У меня появилось 2 вопроса...

1. Как засунуть туда еще кнопки с таким же функционалом?

2. Почему картинки так криво открываются?

На всякий случай кину ка я код и сюда

<script src="[url="http://code.jquery.com/jquery-latest.js%22></script>"]http://code.jquery.c...t.js"></script>[/url]
<script>
$(document).ready(function($){
$("button").click(function () {
  $("#ToggleP").slideToggle("slow");
  });
});
</script>

<style>  
td {
	padding: 0px 10px 0px 10px;
   }
</style>

<button><font size='3'>Реставрация</font></button>
<div style='width:1px; height:1px;'>
<table id='ToggleP' style='display:none;'><tbody><tr><td><a href="[url="http://6.arhis.z8.ru/wp-content/uploads/2013/05/лицензии-архистудио3.jpg%22><img"]http://6.arhis.z8.ru...удио3.jpg"><img[/url] src="[url="http://6.arhis.z8.ru/wp-content/uploads/2013/05/лицензии-архистудио3-150x150.jpg"]http://6.arhis.z8.ru...о3-150x150.jpg"[/url] alt="лицензии архистудио3" width="150" height="150" class="alignnone size-thumbnail wp-image-352" /></a></td><td><a href="[url="http://6.arhis.z8.ru/wp-content/uploads/2013/05/лицензии-архистудио2.jpg%22><img"]http://6.arhis.z8.ru...удио2.jpg"><img[/url] src="[url="http://6.arhis.z8.ru/wp-content/uploads/2013/05/лицензии-архистудио2-150x150.jpg"]http://6.arhis.z8.ru...о2-150x150.jpg"[/url] alt="лицензии архистудио2" width="150" height="150" class="alignnone size-thumbnail wp-image-351" /></a></td><td><a href="[url="http://6.arhis.z8.ru/wp-content/uploads/2013/05/лицензии-архистудио5.jpg%22><img"]http://6.arhis.z8.ru...удио5.jpg"><img[/url] src="[url="http://6.arhis.z8.ru/wp-content/uploads/2013/05/лицензии-архистудио5-150x150.jpg"]http://6.arhis.z8.ru...о5-150x150.jpg"[/url] alt="лицензии архистудио5" width="150" height="150" class="alignnone size-thumbnail wp-image-349" /></a></td><td><a href="[url="http://6.arhis.z8.ru/wp-content/uploads/2013/05/лицензии-архистудио1.jpg%22><img"]http://6.arhis.z8.ru...удио1.jpg"><img[/url] src="[url="http://6.arhis.z8.ru/wp-content/uploads/2013/05/лицензии-архистудио1-150x150.jpg"]http://6.arhis.z8.ru...о1-150x150.jpg"[/url] alt="лицензии архистудио1" width="150" height="150" class="alignnone size-thumbnail wp-image-350" /></a></td></tr></tbody></table>
</div>

Edited May 22, 2013 by alexriz
Оформляйте код в тег CODE

[LunatiK]

Таблица видать ему не нравится http://jsfiddle.net/LeWBH/1/ получше будет

[CatInTheBread]

в чем может быть проблема? на jsfiddle все работает, на сайте выдает ошибку

Check to see if any other script you are using is calling jQuery.noConflict(). Doing so releases the $ binding, thus causing the $ symbol to be undefined.

One way to fix this is to add $ as the first parameter of your callback function:

$(document).ready(function($) {

...

}

This works because the global jQuery object is passed as the first parameter to a .ready() handler. See also http://api.jquery.com/ready/

Но я и так создаю $ как первый параметр...

Вот ссылка на страницу http://osobniak.com/eeee

Edited May 27, 2013 by CatInTheBread