Нужна помощь (Data-* и Jquery

[Houshin]

Имеется такая HTML конструкция:

<div id="menu">		<a href="#" class="button" id="b1" data-item="home" onclick="ButtonClick()">1</a>                <a href="#" class="button" id="b2" data-item="library">2</a>		<a href="#" class="button" id="b3"  data-item="learn">3</a>		<a href="#" class="button" id="b4"  data-item="about">4</a>                <a href="#" class="button" id="b5"  data-item="callback">5</a>				</div><div id="content">		<div id="home" class="content">ghbftn</div>                <div id="library" class="content">1111</div>                <div id="learn" class="content">1111</div>                <div id="about" class="content">2222</div>                <div id="callback" class="content">333</div></div>

Требуется:

При нажатии на ссылку, в переменную записывалась информация из data-item, а затем используя эту переменную как id объекта скрывать или отображать его.

 

Объясните начинающем КАК передать DATA-, весь мозг сломал  , получается только id кнопки передать.

Заранее благодарен.

[rus]

может немного не правильно, но думаю что как-то так:

$(document).ready(function() {    $(".button").click(function () {        var DataItem = $(this).attr('data-item');        jQuery.ajax({            type: "POST",            url: "result.php",            dataType : "HTML",            data : DataItem,            success:function(response){				a=$(response);            },            error:function (xhr, ajaxOptions, thrownError){                alert(thrownError);            }        });		return false;	});	});// в php ловить POST['DataItem'];

[Houshin]

Большое спасибо!) Хватило и первых трех строк кода)

 

Решил поделиться, вдруг кому будет интересно.

$(document).ready(function() {	$(".button").click(function () {		$(".content").slideUp("normal"); /* Скрываем все DIV-ы контента */		var DataItem = $(this).attr('data-item'); /* Собственно получаем data- */		$('#'+ DataItem).slideDown("normal"); /* И обращаемся к DIV-у по id и красивенько его открываем */	});});

Тему можно закрывать.

Edited November 12, 2014 by Houshin

[lexxcode]

вообще-то в jq для работы с data есть специальный метод .data();

[Houshin]

вообще-то в jq для работы с data есть специальный метод .data();

 

Читал что есть, но он упорно не хотел получать информацию из data.. Скорее всего просто был мой косяк)

[Veseloff]

Читал что есть, но он упорно не хотел получать информацию из data.. Скорее всего просто был мой косяк)

У меня тут на днях data дико косячила. Оказалось, что FireQuery, котрый был в фаерфоксе установлен, дико глючил и именно data не работала.