Помогите переписать кусок кода с javascript на Jquery

Статус
В этой теме нельзя размещать новые ответы.

dandandan

Мой дом здесь!
Регистрация
7 Авг 2008
Сообщения
1.036
Реакции
292
Есть кусок кода, повторяющийся много раз. Отличается только цифрой в id. (bla1, bla2, bla3). Нужно при нажатии на ссылку функции передать идентификатор ul#bla1
PHP:
<a href="#" onclick="showdata("ul#bla1");">Посмотреть.</a>
<a href="#" onclick="showdata("ul#bla2");">Посмотреть.</a>
<a href="#" onclick="showdata("ul#bla3");">Посмотреть.</a>
<ul id="bla1"></ul>
<ul id="bla1"></ul>
<ul id="bla1"></ul>
Вот как у меня сейчас это записано для цикла.
PHP:
function showdata(identifikator){
	$(identifikator).toggle(
		function(){
			$(this).show('slow');
			},
		function(){
			$(this).hide('slow');
			}
		); //$("ul#"+identifikator).toggle(		
	}//function show(identifikator){
как полностью убрать function showdata ?
 
например через функцию click, для каждого элемента с id будет toggle его ul с id_content
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Selector</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script language="javascript" type="text/javascript">
    
        $(document).ready(function(){
            $('#u1, #u2, #u3').click(function() {
              $('#'+$(this).attr("id")+'_content').toggle('slow');
              return false;
            });
        });
        
        
    </script>

    <style type="text/css">
    #u1_content, #u2_content, #u3_content{
        display:none;
    }
    </style>

</head>

<body>
    <a href="#" id="u1">Посмотреть 1</a>
    <a href="#" id="u2">Посмотреть 2</a>
    <a href="#" id="u3">Посмотреть 3</a>
    <ul id="u1_content">1</ul>
    <ul id="u2_content">2</ul>
    <ul id="u3_content">3</ul>  
</body>
</html>

яваскрипт можно записать в отдельный файл и его подключать в html
 
Решил проблему через .each(). Похоже, что вариант от polyetilen тоже будет работать.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху