Помогите с JS

TocK

1.33

(13 сен 2013, 23:09) (0/0) [0]

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

TocK

1.33

(13 сен 2013, 22:54) (0/0) [0]

anti_dot, не много не то, нужно что-бы при открытии одного блока внизу появлялся div, но при открытии другого блока (то есть ссылки) на месте того div\'a появлялся новый...
Я готов заплатить.

TocK

1.33

(13 сен 2013, 22:51) (0/0) [0]

anti_dot, понял

TocK

1.33

(13 сен 2013, 22:45) (0/0) [0]

anti_dot, дайте мне код который вы запускали

А то я сделал так как вы сказали, а эффекта ни какого...

TocK

1.33

(13 сен 2013, 22:36) (0/0) [0]

anti_dot,
<head>
<style>
a.ToggleBlock{cursor:pointer;}
</style>
</head>

<body>
<script src=\"http://code.jquery.com/jquery-1.10.1.min.js\"></script>
<script src=\"http://code.jquery.com/jquery-migrate-1.2.1.min.js\"></script>
<script>
$(\'a.ToggleBlock\').click(function(){
var id=parseInt($(this).children(\'div.name\').attr(\'id\'));
if(id==0){
$(this).children(\'div.name\').attr(\'id\',1);
$(this).children(\'div.name\').text(\'скрыть\');
}else{
$(this).children(\'div.name\').attr(\'id\',0);
$(this).children(\'div.name\').text(\'показать\');
}
$(this).children(\'div.text\').toggle();//fadeToggle();//slideToggle();
});
</script>

<a class=\"ToggleBlock\">
<div class=\"name\" id=0>показать</div>
<div class=\"text\" style=\"display:none\">содержимое</div>
</a>

<a class=\"ToggleBlock\">
<div class=\"name\" id=1>показать</div>
<div class=\"text\" style=\"display:none\">содержимое 2</div>
</a>
</body>

Сделал так только что-то оно не работает...

TocK

1.33

(13 сен 2013, 22:31) (0/0) [0]

anti_dot,

Вот как то так?
<head>
<style>
a.ToggleBlock{cursor:pointer;}
</style>
</haed>

<body>
<script src=\"http://code.jquery.com/jquery-1.10.1.min.js\"></script>
<script src=\"http://code.jquery.com/jquery-migrate-1.2.1.min.js\"></script>
<script>
$(\'a.ToggleBlock\').click(function(){
var id=parseInt($(this).children(\'div.name\').attr(\'id\'));
if(id==0){
$(this).children(\'div.name\').attr(\'id\',1);
$(this).children(\'div.name\').text(\'скрыть\');
}else{
$(this).children(\'div.name\').attr(\'id\',0);
$(this).children(\'div.name\').text(\'показать\');
}
$(this).children(\'div.text\').toggle();//fadeToggle();//slideToggle();
});
</script>

<a class=\"ToggleBlock\">
<div class=\"name\" id=0>показать</div>
<div class=\"text\">содержимое</div>
</a>
</body>

TocK

1.33

(13 сен 2013, 22:24) (0/0) [0]

Миледи, спасибо
Добавлено 13.09.13 в 22:27:19:
Вот есть такая штука которая открывает всё поочерёдно:

<a href=\"javascript:sh(\'1\')\">Загаловок(спойлер)</a>
<div id=\"blabla_1\" style=\"display:none\">здесь открывается скрытый текст</div>

<a href=\"javascript:sh(\'2\')\">Загаловок(спойлер) 2</a>
<div id=\"blabla_2\" style=\"display:none\">здесь открывается скрытый текст</div>

<a href=\"javascript:sh(\'3\')\">Загаловок(спойлер) 3</a>
<div id=\"blabla_3\" style=\"display:none\">здесь открывается скрытый текст</div>

<script type=\"text/javascript\">
function sh(num) {
obj = document.getElementById(\"blabla_\"+num);
if( obj.style.display == \"none\" ) { obj.style.display = \"block\"; } else { obj.style.display = \"none\"; }
}
</script>

А мне нужно что бы при открытии другого спойлера предыдущий закрылся...

TocK

1.33

(13 сен 2013, 22:18) (0/0) [0]

Миледи, так точно, нужно сделать так что бы при открытии одного дива, пропадал предыдущий...

TocK

1.33

(13 сен 2013, 22:17) (0/0) [0]

anti_dot, Сделал всё так как вы написали:

<script type=\"text/javascript\">
function openblok(id)
{
var smd = document.getElementById(id);
sml=document.getElementsByTagName(“DIV”);
for(i=0; i<sml.length;i++)
if (sml[i].id.match(/blok/)&&!sml[i].id.match(id) ) sml[i].style.display = \"none\";
smd.style.display == \"block\" ? smd.style.display = \"none\" : smd.style.display = \"block\";
}
</script>

<a onClick=\"openblok(\'id1\');\" id=\"but2\" style=\"cursor:pointer;\">показать/скрыть</a>

<div id=\"id1\">содержимое id1</div>

А вышло вот что:
http://moymotor.tk/test.php

TocK

1.33

(13 сен 2013, 22:15) (0/0) [0]

anti_dot,
cursor:pointer; это в css прописать по диваом id1?