Automatizar uma função

[mruoppolo 14]

Olá, tudo bem?

Eu tenho um sistema de toggle no meu site que ele trabalha com as id's da seguinte forma: toggle-997 onde esse 997 seria a id da postagem que é mostrada dentro do toggle, ai no caso cada vez que eu faço uma postagem nova no site, eu preciso criar uma nova regra de JS para esse toggle, a função que eu criei é a seguinte:

jQuery(document).ready(function () {
	
	jQuery('#abrir-video-991').click(function () {

		var text = jQuery('.video-panel-991');
		var fechar = jQuery('#fechar-991');
		var titulo = jQuery('#titulo-991');

		if (text.is(':hidden')) {
			titulo.slideUp('200');
			fechar.slideDown('200');	
			text.slideDown('200');	
			return false;
		} 
		
	});

	jQuery('#fechar-991').click(function () {

		var text = jQuery('.video-panel-991');
		var fechar = jQuery('#fechar-991');
		var titulo = jQuery('#titulo-991');


		titulo.slideDown('200');
		fechar.slideUp('200');	
		text.slideUp('200');

		return false;
 
		
	});

	jQuery('#fechar2-991').click(function () {

		var text = jQuery('.video-panel-991');
		var fechar = jQuery('#fechar-991');
		var titulo = jQuery('#titulo-991');


		titulo.slideDown('200');
		fechar.slideUp('200');	
		text.slideUp('200');
		
		return false;
 
		
	});


});

teria como transformar esse id em uma variavel ou algo assim, para toda vez que eu fazer uma nova postagem ele já pegar diretamente o valor desse id e aplicar na função??

Obrigado :D

[William Bruno 1501]

Poste o HTML referente a esse código.

O certo é você navegar no DOM com .parents() e .find()

http://wbruno.com.br/jquery/navegando-no-dom-jquery/

[mruoppolo 14]

Poste o HTML referente a esse código.

O certo é você navegar no DOM com .parents() e .find()

http://wbruno.com.br/jquery/navegando-no-dom-jquery/

O HTML seria esse aqui:

<div id="titulo" class="<?php echo apply_filters( 'wpep_grid_item_class', 'video-grid-item', $item->ID );?>">
  <div class="container-featured-image">
  <?php echo get_the_post_thumbnail($item->ID); ?>
  </div>

  <div class="center-section">
    <h2><?php echo $item->post_title; ?></h2>

    <p><?php echo $item->post_excerpt; ?></p>
  </div>

  <a href="#" id="abrir-video-<?php echo $item->ID; ?>" class="link view-more">
    <?php echo apply_filters( 'wpep_text_view_video', __( 'ASSISTA AGORA', 'wpep' ), $item->ID ); ?>
  </a>


  <div class="clearfix"></div>
</div>

<div id="fechar-<?php echo $item->ID; ?>" class="video-close">
	<span>FECHAR</span>
</div>

<div class="video-panel-<?php echo $item->ID; ?>">
	<h2><?php echo $item->post_title; ?></h2>
	<iframe src="<?php echo $item->_video_link; ?>" width="1024" height="550" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
	<p id="fechar2-<?php echo $item->ID; ?>" style="text-align:center;color:#0591DC;padding-top:30px;cursor:hand!important;">FECHAR O VÍDEO</p>
	
</div>

eu coloquei através do php no final de cada id a id do post "$item->ID" porque como não entendo muito de javascript, se eu não colocasse algo para modificar as ID's o sistema não saberia identificar exatamente o qual postagem era para ele abrir.