jquery показване/скриване на текст

N

Nikol4u

Registered
В момента изпозлвам това:
Код: 
<script type="text/javascript">
	$(document).ready(function(){ 
		$('#pokaji').click(function(){
			$(this).siblings('.dvijeshto').slideToggle(); 
		}); 
	});
</script>

    <div id="pokaji">Pokaji/Skrii</div>
    <div style="display: none;" class="dvijeshto">asd</div>

Но ако имам 2 такива на 1 страница, не могат да работят всяко за себе си. Идеята е дали може да станат всяко да си е за всяко - примерно да имам

<div id="pokaji2"> и то да спуска <div class="dvijeshto2">


Дали това е възможно?
 
Код: 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript"> 
   $(document).ready(function(){ 
      $('#pokaji').click(function(){ 
         $(this).siblings('.dvijeshto').slideToggle(); 
      }); 
   }); 
   $(document).ready(function(){ 
      $('#pokaji2').click(function(){ 
         $(this).siblings('.dvijeshto2').slideToggle(); 
      }); 
   }); 
</script> 

    <div id="pokaji">Pokaji/Skrii</div> 
    <div style="display: none;" class="dvijeshto">asd</div>
    <div id="pokaji2">Pokaji/Skrii2</div> 
    <div style="display: none;" class="dvijeshto2">asd2</div>
 
crazy_pi4 каза:
Код: 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript"> 
   $(document).ready(function(){ 
      $('#pokaji').click(function(){ 
         $(this).siblings('.dvijeshto').slideToggle(); 
      }); 
   }); 
   $(document).ready(function(){ 
      $('#pokaji2').click(function(){ 
         $(this).siblings('.dvijeshto2').slideToggle(); 
      }); 
   }); 
</script> 

    <div id="pokaji">Pokaji/Skrii</div> 
    <div style="display: none;" class="dvijeshto">asd</div>
    <div id="pokaji2">Pokaji/Skrii2</div> 
    <div style="display: none;" class="dvijeshto2">asd2</div>
Увеличете...

Ясно ми е че може така, въпроса е, че на всяка новина ще имам по едно такова и не мога да слагам ръчно.
 
<script type="text/javascript">
function pokaji(el){
$("#"+el).click(function(){
$(this).siblings('.dvijeshto').slideToggle();
});
};
</script>

<div id="pokaji" onclick="pokaji(this.id);">Pokaji/Skrii</div>
<div style="display: none;" class="dvijeshto">asd</div>

<div id="pokaji1" onclick="pokaji(this.id);">Pokaji/Skrii</div>
<div style="display: none;" class="dvijeshto">asd</div>
Увеличете...
 
emagi каза:
<script type="text/javascript">
function pokaji(el){
$("#"+el).click(function(){
$(this).siblings('.dvijeshto').slideToggle();
});
};
</script>

<div id="pokaji" onclick="pokaji(this.id);">Pokaji/Skrii</div>
<div style="display: none;" class="dvijeshto">asd</div>

<div id="pokaji1" onclick="pokaji(this.id);">Pokaji/Skrii</div>
<div style="display: none;" class="dvijeshto">asd</div>
Увеличете...
Увеличете...

Като натисна в/у някое започва да се отваря и затваря няколко пъти (и 2та "asd" едновременно, няма значение кое покажи съм избрал)
 
Nikol4u каза:
emagi каза:
<script type="text/javascript">
function pokaji(el){
$("#"+el).click(function(){
$(this).siblings('.dvijeshto').slideToggle();
});
};
</script>

<div id="pokaji" onclick="pokaji(this.id);">Pokaji/Skrii</div>
<div style="display: none;" class="dvijeshto">asd</div>

<div id="pokaji1" onclick="pokaji(this.id);">Pokaji/Skrii</div>
<div style="display: none;" class="dvijeshto">asd</div>
Увеличете...
Увеличете...

Като натисна в/у някое започва да се отваря и затваря няколко пъти (и 2та "asd" едновременно, няма значение кое покажи съм избрал)
Увеличете...
емаги прав е - и при мене е така :)
 
Човек когато не внимава, така става:

<!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>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<style type="text/css">
.dvijeshto {
width:100px;
height:300px;
background:red;
}
</style>
<script type="text/javascript">
function pokaji(el){
jQuery("#"+el).next('.dvijeshto').slideToggle();
};
</script>
</head>

<body>


<div id="pokaji" onclick="pokaji(this.id);">Pokaji/Skrii</div>
<div style="display: none;" class="dvijeshto">asd</div>

<div id="pokaji1" onclick="pokaji(this.id);">Pokaji/Skrii</div>
<div style="display: none;" class="dvijeshto">asd</div>
</body>
</html>
Увеличете...
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе