Немного усложнить простой скрипт

[Zebestov]

Попробуй заменить

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

на

$(document).ready(function(){

[CatinTheBread]

да это первое что я пытался поменять(...без изменений..

[Sync]

<script> 
    $(document).ready(function(){ 
Uncaught TypeError: Property '$' of object [object Object] is not a function
        $("button").click(function () {
            var txt = this.innerText;
            if (txt == "Реставрация")

Ты вызываешь его раньше, чем инициализируешь jQuery

Добавлено через 2 минуты

jQuery(document).ready(function($){
  $("a[rel*=lightbox]").colorbox({speed:0,width:false,height:false,innerWidth:false,innerHeight:false,initialWidth:false,initialHeight:false,maxWidth:false,maxHeight:false,scalePhotos:false,opacity:0,preloading:false,current:" {current}  {total}",previous:"",next:"",close:"",overlayClose:false,loop:false,scrolling:false,escKey:false,arrowKey:false,top:false,right:false,bottom:false,left:false});
 
        $("button").click(function () {
            var txt = this.innerText;
            if (txt == "Р*еставрация")
            {
              $("#ToggleRestavration").slideToggle("slow");
            }
            else if (txt == "Батон")
            {
              $("#ToggleBaton").slideToggle("slow");
            }
            else if (txt == "Еще батон!")
            {
               $("#ToggleElseBaton").slideToggle("slow");
            }
        }); 
});

вот так - работает

Добавлено через 15 минут
и проверьте $ - похоже, что вы его где-то переопределяете.

Добавлено через 17 минут

$("button").click(function ()

лучше заменить на

$("button").each(function(item) {
		$(this).click(onClick);
        });

и функцию onClick вынести отдельно.

[CatinTheBread]

Если вас не затруднит гляньте пжлста страничку http://osobniak.com/123-2 закинул ваш код...и все ровно не пашет(

[Sync]

начни писать скрипты в нормальной программе. и убери из текста скрипта </p> <p>

[CatinTheBread]

и функцию onClick вынести отдельно.

а как?))

[Sync]

<!-- Lightbox Plus ColorBox v2.6/1.3.32 - 2013.01.24 - Message: 0-->
<script type="text/javascript">
function onClick(event) {
		console.log("text1");
            var txt = event.target.innerText;
            if (txt == "Р*еставрация")
            {
             jQuery("#ToggleRestavration").slideToggle("slow");
            }
            else if (txt == "Батон")
            {
              jQuery("#ToggleBaton").slideToggle("slow");
            }
            else if (txt == "Еще батон!")
            {
               jQuery("#ToggleElseBaton").slideToggle("slow");
            }
};

jQuery(document).ready(function($){
  $("a[rel*=lightbox]").colorbox({speed:0,width:false,height:false,innerWidth:false,innerHeight:false,initialWidth:false,initialHeight:false,maxWidth:false,maxHeight:false,scalePhotos:false,opacity:0,preloading:false,current:" {current}  {total}",previous:"",next:"",close:"",overlayClose:false,loop:false,scrolling:false,escKey:false,arrowKey:false,top:false,right:false,bottom:false,left:false});
 
        $("button").each(function(item) {
		$(this).click(onClick);
        }); 
});
</script>

так

[CatinTheBread]

начни писать скрипты в нормальной программе. и убери из текста скрипта </p> <p>

Что значит в нормальной? сайт на WP и все пишу просто на страницах...а <p></p> походу ставит Chrome каждую пустую строку затыкает вот такими <p></p>

Добавлено через 9 минут
Заработала только одна первая кнопка...остальные не реагируют(

[Sync]

реагируют. видно по логу.

[CatinTheBread]

ну в смысле да, но фотографии внутри дива не отображаются...

убрал из table display...все заработало.

Не могли бы подсказать как сделать чтобы div'ы вытесняли кнопки, чтобы картинки не накладывались на кнопки...??