Ваня в рубрику JavaScript

Вопрос: jQuery сниппеты

Всем привет! подскажите пожалуйста, как вот сюда

<script type="text/javascript">
// код сниппета
(function($) {
	$.fn.openCloseBlocks = function(blocks, options) {
		var defaults = { 
			speed: 'normal'
		}, 
		opts 		= $.extend(defaults, options),
  		togglers 	= $(this),
  		bls 		= $(blocks); if(!bls) return;
  		
  		togglers.each(function(index) {
  			$(this).click(function(e) {
  				e.preventDefault(); 			
  				$(bls[index]).slideToggle(opts['speed']);
  			});
  		});
	};
})(jQuery);

// использование
// выбераем нужные ссылки
// аргумент — что открывать (i-ый элемент первого массива
// открывает i-ый элемент второго массива)
$('div > a').openCloseBlocks($('div.blocks'), {
	speed: 'fast'
});
</script>

добавить изменение бэкграунда diva в котором лежит ссылка на которую мы кликаем? грубо говоря, сделать стрелочку открыть\закрыть )

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 2

Grin
togglers.each(function(index) {
    $(this).click(function(e) {
        e.preventDefault(); 		
        $(e.target).parent().toggleClass('some_class');	
        $(bls[index]).slideToggle(opts['speed']);
    });
 });
Ну а описание класса some_class сделайте на свой вкус ;-)
#
Grin
Ваня
Спасибо большое )
#
Ваня

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler