Показать сообщение отдельно
  #2 (permalink)  
Старый 21.12.2012, 19:10
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<script src="http://code.jquery.com/jquery-latest.js"></script>

<select class="selec" id="ids">
            <option value="#" selected>все</option>
            <option value="id1" >id1</option>
            <option value="id2" >id2</option>
            <option value="id3" >id3</option>
            <option value="id4" >id4</option>
            </select>
        
        <select class="selec" id="langs">
        <option value="#" selected>все</option>
        <option value="lang1" >lang1</option>
        <option value="lang2" >lang2</option>
        <option value="lang3" >lang3</option>
        <option value="lang4" >lang4</option>
        </select>
        
        <select  class="selec" id="procs">
        <option value="#" selected>все</option>
        <option value="proc1" >proc1</option>
        <option value="proc2" >proc2</option>
        <option value="proc3" >proc3</option>
        <option value="proc4" >proc4</option>
        </select>
        
                    <div id='d-contents'>
                    
                    <div class="id1 lang3 proc2"> <a href="###" ><img src="###.jpg"/></a> <a href="###">Заголовок</a> <div>текст</div></div>
                
                <div class="id2 lang2 proc4"> <a href="###" ><img src="###.jpg"/></a> <a href="###">Заголовок</a> <div>текст</div></div>
                
                <div class="id3 lang1 proc4"> <a href="###" ><img src="###.jpg"/></a> <a href="###">Заголовок</a> <div>текст</div></div>
    
    и еще сотня подобных дивов с разными параметрами в class...
                </div>

<script type="text/javascript">
var first=true;
  $("select.selec").change(function () {
       var a='';
     $("select.selec").each(function () {
       a+=$(this).val();
     });
     if(a=='###'){ 
        $("#d-contents > div").show();
        first=true;
        return false;
    }
    if(first){first=false; $("#d-contents > div").hide();}

    var a = $(this).val();

    $("#d-contents > div."+a).show();

});
</script>

Последний раз редактировалось Deff, 21.12.2012 в 20:12.
Ответить с цитированием