Witajcie.

Mam oto taki kodzik w jQuery

[HTML] pobierz, plaintext 
<script type="text/javascript">
jQuery(function($) {
 
$('#buy_kp_button').hide();
 
$('#buy_kp_section').mouseover(function() {
  $('#buy_kp_button').toggle();
});
$('#buy_kp_section').mouseout(function() {
  $('#buy_kp_button').toggle();
});
 
$('#buy_obj_button').hide();
 
$('#buy_obj_section').mouseover(function() {
  $('#buy_obj_button').toggle();
});
$('#buy_obj_section').mouseout(function() {
  $('#buy_obj_button').toggle();
});
 
});
 
</script>
[HTML] pobierz, plaintext 

Czy da się w jQuery dodać jakąś zasadę, by zamiast dodawania dla kolejnych divów kolejne reguły zrobić jedną regułę jQuery, która by uwzględniała wszystkie reguły zawierające odpowiedni id?

Szczerze to nie zrozumiałem. Co do ID muszą być unikalne, klasy mogą się powtarzać, także dla podanego tutaj przykładu dodatkowo nadaj klasę i w jQuery przypisuj zdarzenie na klasę a nie na ID.

Chodzi mi o to, by zamiast kodu podanego w pierwszym poście zrobić kod a'la

[HTML] pobierz, plaintext 
    <script type="text/javascript">
    jQuery(function($) {
 
 
    $('#*_button').hide();
 
    $('#*_section').mouseover(function() {
    $('#*_button').toggle();
    });
    $('#*_section').mouseout(function() {
    $('#*_button').toggle();
    });
 
    });
 
    </script>
[HTML] pobierz, plaintext 

Znaczek * ma sugerować, że dany kod jQuery odnosi się do każdego div'a o podobnym id. Jest to jakby dowolna treść.

Użyj po prostu klas zamiast id i tyle.

No to napisałem w pierwszym swoim poście, skorzystaj z klas.

[HTML] pobierz, plaintext 
<style type="text/css">
.premiumone {
font-size: 10px;
color: #9F9F9F;
padding-left: 12px;
}
.premiumicon
{
background: url(./images/ipb3/star.png) no-repeat left center;
}
</style>
 
<script>
jQuery(function($) {
 
$('.buy_button').hide();
 
$('.buy_section').mouseover(function() {
  $('.buy_button').toggle();
});
$('.buy_section').mouseout(function() {
  $('.buy_button').toggle();
});
 
 
});
 
</script>
 
<div class="tloprofile2">
 
<table border="0" cellspacing="0" cellpadding="8" class="tborder" width='100%'>
<tr><td class='trow1' colspan="2">
<span style="font-size: 18px; font-family: Century Gothic;">Usługi</span>
 
</td></tr>
<tr class="buy_section">
<td class='trow1' width="130" valign="top"><span style="font-weight: bold; font-size: 14px;">Konto premium</span><br /><img src='gamepanel/premium_big.png' /></td>
<td class='trow1' valign="top">
tresc
<div class="buy_button">
<span class="post_buttons" style="float: right;">
<a href="#buy_kp" rel="facebox">
<span class="post_button">
<span style="text-decoration: none; color: black;"><img src="images/ipb3/star.gif" alt="" /> Zakup usługę</span>
</span>
</a>
</span></div>
 
</td>
</tr>
 
<tr class="buy_section">
<td class='trow1' width="130" valign="top"><span style="font-weight: bold; font-size: 14px;">Tworzenie obiektów</span><br /><img src='gamepanel/make_obj.png' /></td>
<td class='trow1' valign="top">
tresc
<div class="buy_button">
<span class="post_buttons" id="buy_obj_button" style="float: right;">
<a href="#buy_obj" rel="facebox">
<span class="post_button">
<span style="text-decoration: none; color: black;"><img src="images/ipb3/star.gif" alt="" /> Zakup usługę</span>
</span>
</a>
</span>
</div>
 
</td>
</tr>
 
</table>
 
</div>
[HTML] pobierz, plaintext 

Przy takim kodzie, czyli zastosowaniu klas, podczas najeżdżania na jednego div'a, pokazują się oba buttony - chcę, aby pokazał się tylko ten button, który należy do klasy, na którą najeżdżam.

Może tak:

[HTML] pobierz, plaintext 
$('.buy_section').mouseover(function() {
$(this).find('.buy_button').toggle();
});
 
[HTML] pobierz, plaintext 

@kaem
Dokładnie o takie coś mi chodziło. Bardzo pięknie dziękuję