Исчезновение между двумя классами в jquery - PullRequest
Новая
       4

Исчезновение между двумя классами в jquery

2 голосов
/ 01 февраля 2010

Я хотел бы иметь возможность исчезнуть из этого класса 

<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2>

и исчезают в этом 

<h2 class="care-home-fees-over"><a title="Care Home Fees" href="#">Text</a></h2>

Обратите внимание, что есть два отдельных изображения

Вот моя текущая разметка, которая, кажется, не работает 

$(document).ready(function(){  

$("h2.care-home-fees").hover( 
  function () {
    $(this).addClass("care-home-fees-over");
  },
  function () {
    $(this).removeClass("care-home-fees");
  }
);  

});

и кнопка, напечатанная перед любым изменением 

<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2>

Ответы [ 4 ]

2 голосов
/ 01 февраля 2010

Возможно, вы захотите .animate() вместо .addClass() или .removeClass().

То, что вы хотите сделать с классами CSS, находится в пользовательском интерфейсе JQuery.

http://api.jquery.com/animate/

0 голосов
/ 29 марта 2010 
$(document).ready(function(){

         $('#wm').hover(function(){
            $('#wm .bld').stop().fadeTo(300, 0);
         }, function(){
            $('#wm .bld').stop().fadeTo(300, 1);
         });

         $('#ch').hover(function(){
            $('#ch .bld').stop().fadeTo(300, 0);
         }, function(){
            $('#ch .bld').stop().fadeTo(300, 1);
         });
});
0 голосов
/ 01 февраля 2010

сначала нужно скачать jquery у меня есть jquery-1.3.2.min.js , но если вы хотите финальную версию jQuery 1.4.1

изменить <h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2> до 

<h2 class="care-home-fees"><a id="j" title="Care Home Fees" href="#">Text</a></h2>

Вы должны добавить файл jquery в ваш HTML .. как я добавил его ниже: * 

//this is the start of the head
<head runat="server">
    <title></title>
// i added jquery-1.3.2.min.js file here
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>

<script>
  $("h2").click(function () { 
  $(document.getElementById('j')).fadeOut("slow");
$("a:hidden:first").fadeIn("slow");
  });
  </script>

//this is the end of the head
</head>

Я надеюсь, что это работает ..

0 голосов
/ 01 февраля 2010

Для этого вам нужно будет использовать пользовательский интерфейс jQuery. Я бы сослался на документацию ( здесь ), но в данный момент она, похоже, не работает. Вы захотите использовать упомянутые там методы addClass и removeClass (а не методы jQuery по умолчанию).

Редактировать: см. Ссылку Даниила!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...