Показать сообщение отдельно
  #2 (permalink)  
Старый 03.12.2012, 20:24
Аватар для Hekumok
Отправить личное сообщение для Hekumok Посмотреть профиль Найти все сообщения от Hekumok
 
Регистрация: 04.06.2012
Сообщений: 513

так?
<html><head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head><body>
<span class="classAll">ссылка All</span><br>
<span class="class1">ссылка 1</span><br>
<span class="class2">ссылка 2</span><br>
<span class="class3">ссылка 3</span><br>
<div class="class1">...1</div><br>
<div class="class2">...2</div><br>
<div class="class3">...3</div><br>
<div class="class2">...2</div><br>
<div class="class3">...3</div><br>
<div class="class1">...1</div>
<script>
$("span[class ^= 'class']").not(".classAll").click(function() {
$("div[class ^= 'class']").not("."+$(this).attr("class")).hide() ;
}) ;
$(".classAll").click(function() {
$("div[class ^= 'class']").show() ;
}) ;
</script>
</body></html>

Или так?
<html><head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head><body>
<span class="classAll">ссылка All</span><br>
<span class="class1">ссылка 1</span><br>
<span class="class2">ссылка 2</span><br>
<span class="class3">ссылка 3</span><br>
<div class="class1">...1</div><br>
<div class="class2">...2</div><br>
<div class="class3">...3</div><br>
<div class="class2">...2</div><br>
<div class="class3">...3</div><br>
<div class="class1">...1</div>
<script>
$("span[class ^= 'class']").not(".classAll").click(function() {
$("div[class ^= 'class']").hide() ;
$("div."+$(this).attr("class")).show() ;
}) ;
$(".classAll").click(function() {
$("div[class ^= 'class']").show() ;
}) ;
</script>
</body></html>
__________________
★ ²º¹³ ☆

Последний раз редактировалось Hekumok, 03.12.2012 в 23:25. Причина: ^=
Ответить с цитированием