поправить простой скрипт

Mick_20

Новичок
Имеется скрипт. Показывает div2 при наведении на его родительский div1.

PHP:
<script type="text/javascript">
		jQuery(".bd_cat_cell").hover(
    function () //mouseIn
    {
      jQuery(this).find('.bd_cat_main_obtypes').fadeIn("normal");
    },
    function () //mouseOut
    {
      jQuery(this).find('.bd_cat_main_obtypes').fadeOut("fast");
    }
);

</script>
Как сделать чтобы показывал не при наведении а при клике мышью?
 

lex0

Новичок
Имеется скрипт. Показывает div2 при наведении на его родительский div1.

PHP:
<script type="text/javascript">
		jQuery(".bd_cat_cell").hover(
    function () //mouseIn
    {
      jQuery(this).find('.bd_cat_main_obtypes').fadeIn("normal");
    },
    function () //mouseOut
    {
      jQuery(this).find('.bd_cat_main_obtypes').fadeOut("fast");
    }
);

</script>
используйте toggle, а для показа по наведению лучше использовать css:
Код:
.parent:hover .children { foo: bar; }
upd:
демка http://jsfiddle.net/hLVn8/1/
 
Последнее редактирование:

Mick_20

Новичок
чот скопировал Toggle а он не пашет(

PHP:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('.toggle').toggle(
    function(){ $('.children', this).show(); },
    function(){ $('.children', this).hide(); }
);
</script>

<style>
div {
    margin: 0;
    padding: 0;
}
.container {
    display: inline-block;
}
h3 {
    margin: 0;
    text-align: center;
}

.root {
    width: 100px;
    height: 100px;
    padding: 20px;
    background-color: darkblue;
}
.children {
    display: none;
    width: 100px;
    height: 100px;
    background-color: #CCCCCC;
}
.hover:hover .children {
    display: block;
}
</style>

<div class="container">
    <h3>Toggle</h3>
    <div class="root toggle">
        <div class="children"></div>
    </div>
</div>
 

grigori

( ͡° ͜ʖ ͡°)
Команда форума
Mick_20
это не контрольная, списать не у кого, или учись - или иди таскать мешки на стройке
 
Сверху