Помогите с кнопкой

[DD_man]

Помогите, пытаюсь сделать кнопку в блоке, которая переключает фон блока. 

 

[rus]

гм..., а где сами попытки?

[CroaToa]

http://jsfiddle.net/6t287/1/

 

Примерно. Помоему это все что можно делать при помощи html + css. Если есть другие более хорошие варианты, то тоже с удовольствием посмотрю, часто пригодится. 

Edited March 18, 2014 by CroaToa

[rus]

что-то вроде того:

 <a href="#" class="style">Кнопка</a><div class="div">    </div>

$(document).ready(function() {    $(".style").click(function () {		$(".div").css("backgorund-color":"#000000");	});	})

только не проверял на работоспособность

[DD_man]

Спасибо, то что нужно. Помогите с еще с всплывающим блоком, я не знал как сделать чтобы он исчезал и появлялся,по этому экспериментировал) как можно проще его реализовать?  http://jsfiddle.net/fEY8T/1/

[maromaks]

<script>    jq_181(function($){        var text_block = '#block-new148'; /* Блок с текстом */        var button = '#block-new147'; /* кнопка вызова */        $('body').append('<div class="simple_overlay" id="overlay1"></div>');        $('#overlay1').html('<div class="overlay_block">' + $(text_block).html() + '</div>');        $(text_block).hide();        $('#overlay1').overlay({ top: '10%', mask: { color:'#000', opacity:.5 } });        $('.overlay_block, .simple_overlay').css({ 'max-height': $(window).height() * 0.7 + 'px'});        $(button).click(function(e){            e.preventDefault();            $('#overlay1').overlay().load();        });    });</script>

а в блоке с текстом прописываем overflow:hidden;

Edited March 22, 2014 by maromaks