2013-09-25 4 views
0

У меня есть следующая функция для работы с div, которая работает нормально. Проблема в том, что я хотел бы использовать одну и ту же функцию для других div, не создавая несколько идентификаторов. Как это может быть сделано?Jquery slidetoogle несколько divs

Это код, который я использую:

$('#toggle1').click(function() { 
    $('.toggle1').toggle(); 
    return false; 
}); 

Это мой HTML:

<a href="#" id="toggle1">Simple Div Toggle</a><br /><br /> 
<div class="toggle1" style="display:none;">Hello</div> 
+0

Что такое .toggle1? вы можете показать свой html – PSL

ответ

2
$('[id^=toggle]').on('click', function(){ 
    $('.'+this.id).toggle(); // Thanks to Joe 

}); 

скрипку: http://jsfiddle.net/7EY7F/2/

и с несколькими DIV: http://jsfiddle.net/7EY7F/3/

+1

+1 - хорошее решение. Только одна мелочь - вы можете использовать 'this.id' вместо' $ (this) .attr ('id') '. – Joe

+0

безупречный !!! прекрасно работает!! : D – fackz

Смежные вопросы