Конфликт функций jquery

196

22 декабря 2018, 20:50

Извините за слишком простой вопрос, в jQuery почти не разбираюсь, а работу сделать надо.

Задача: - Если выбрана радиокнопка - показывать скрытые изображение и текст, не скрывать пока не будет переключения на другую радиокнопку. - По ховеру на текст радиокнопки - показывать только картинку.

При моем коде отрабатывает только вторая функция с ховером. Т.е. при наведении на радиокнопку картинка появляется, но при выборе - нет.

Как это исправить?

<script> 
    $('.img2, .img3, .img4, .img5, .img6, .img7').hide(); 
    $('#pic1').css('opacity','1'); 
    $('.text').hide(); 
 
    $(document).ready(function() { 
     
   $('input[type="radio"]').click(function() { 
       if($(this).attr('id') == 'item1') { 
            $('#pic5, #text1').show(); 
       } 
 
       else { 
            $('.img5, #text1').hide();    
       } 
   }); 
    
    $("#desc1").mouseenter(function(){ 
        $('#pic5').show(); 
    }); 
    $("#desc1").mouseleave(function(){ 
       $('#pic5').hide(); 
    }); 
     
 }); 
 </script>