Jquery «это» вопрос Селектор

Question

У меня есть проблема:

Когда я нажимаю на моем «.glass' Див он открывает несколько дивы» .permalinks', но я просто хочу, чтобы открыть один я нажимаю.

Это мой код:

<script type="text/javascript"> 
    $(window).ready(function() { 
     $('.glass').click(function() { 
      $('.permalinks').slideToggle(function() { 
      }); 
     }); 
    }); 
    </script> 

Это CSS:

.permalinks { 
     display:none; 
     position:absolute;top:0; 
     width:100%; 
     height:100%; 
     background:rgba(0,0,0,.7); 
    } 

    .reblog, .link, .like { 
     display:inline-block; 
     margin:2%; 
     margin-top:45%; 
     padding:7% 7% 4% 7%; 
    } 

    .reblog, .link, .like { 
     width:10%; 
    } 

    .reblog { 
     background:#317FD4; 
    } 

    .link { 
     background:#38C264; 
    } 

    .like { 
     background:#ED4A4A; 
    } 

    .glass { 
     position:absolute; 
     top:0; 
     left:0; 
     background:#f3f3f3; 
    } 

И это HTML-код:

 <div class="permalinks"> 

     <div class="reblog"><center><img src=""></center></div> 

     <div class="link"><center><img src=""></center></div> 

     <div class="like"><center><img src=""></center></div> 

     </div> 

     <img class="glass" src="" width="5%"> 

Если бы вы могли сказать мне, что я сделал неправильно, пожалуйста.

Answer 1

.permalinks Если это ребенок .glass, то это легко:

$(window).ready(function() { 
     $('.glass').click(function() { 
      $(this).find('.permalinks').slideToggle(function() { 
      }); 
     }); 
    }); 

Answer 2

.permalinks Если это ребенок .glass, то вы можете выбрать его непосредственно на мыши.

$('.glass').on('click', function() { 
    $(this).find('.permalinks').slideToggle(); 
}); 

Answer 3

Два варианта:

1. .permalinks после .glass в дереве DOM
   Использование $(this).next('.permalinks').slideToggle(function() {

2. .permalinks находится перед .glass в DOM дереве
   Использование $(this).prev('.permalinks').slideToggle(function() {

Answer 4

вы, вероятно, хотите

<script type="text/javascript"> 
$(window).ready(function() { 
    $('.glass').click(function() { 
     $(this).children('.permalinks').slideToggle(function() { 
     }); 
    }); 
}); 
</script> 

Answer 5

назначить нажмите на».permalinks' и использовать $ (это) .slideToggle()

$(window).ready(function() { 
    $('.permalinks').click(function() { 
     $(this).slideToggle(); 
    }); 
}); 

http://jsfiddle.net/yRFSV/