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

dandandan · 18 Авг 2011

Есть кусок кода, повторяющийся много раз. Отличается только цифрой в 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 ?

polyetilen · 19 Авг 2011

например через функцию 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

dandandan · 19 Авг 2011

Решил проблему через .each(). Похоже, что вариант от polyetilen тоже будет работать.

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

dandandan

Мой дом здесь!

polyetilen

Заблокирован

dandandan

Мой дом здесь!