Mootools HTML и CSS помогают манипулировать - PullRequest
Новая
       16

Mootools HTML и CSS помогают манипулировать

0 голосов
/ 25 мая 2010

У меня есть следующий HTML 

<div class="goto_step3">
<a href="<?= $this->sitePfx ?>/cart/paypal/" id="js_checkout_now" class="arrow">Checkout &amp; Pay</a>
<? if($this->discountCodeErrorMessage): ?>
    <p class="error discountError"><?= $this->discountCodeErrorMessage ?></p>
<? endif; ?>
<div class="discountCode fncFixedHeight <?= $this->has_discount ? 'redeemed': ''; ?>">
<? if(!$this->has_discount): ?>
    <label for="inptdiscountcode">Enter discount code</label>
    <input class='fncInpDiscountCode' id="inptdiscountcode" type="text" name="discount_code" value="" />
<? else: ?>
    <? if(!(empty($this->discount['discount_message']))): ?>
    <?= $this->discount['discount_message']; ?>
    <? else: ?>
    Voucher code redeemed
    <? endif; ?>
<? endif; ?>

В DomReady я хочу, чтобы mootools делал .discountCode display:none, а также .goto_step3 p display:none, при нажатии на ссылку я хочу, чтобы display:none стал display:block

Любая помощь будет отличной

1 Ответ

0 голосов
/ 25 мая 2010

Это должно скрыть элементы на DOM готовы и сделать их видимыми, когда ссылка нажата. 

window.addEvent('domready', function() {

    // you can pass multiple selectors to $$ each separated with a comma
    $$('.discountCode, .goto_step3 p').setStyle('display', 'none');

    $$('.goto_step3 a').addEvent('click', function() {
        $$('.discountCode, .goto_step3 p').setStyle('display', 'block');
    });

});
...