-2

次のhtmlコードがあります

<a href="javascript:">
    <img class="remove" src="images/remove.png" />
</a>
<div class="content">
    <h2>About</h2>
    <p>We are Sydney Wedding Photographers and have ...</p>
</div>

このように見える

ここに画像の説明を入力

ここで、「X」画像をクリックすると、「content」div が非表示になり、表示されます。しかし、「X」画像はこのことを引き起こすはずです。

4

2 に答える 2

1

このコードを試してください

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.6/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
    $('.remover').click(function() {
      $('.content').toggle();
    });
});
</script>
<style>
.remove { cursor: pointer; }
</style>
</head>
<body>
<img class="remove" src="images/remove.png" />
<div class="content">
    <h2>About</h2>
    <p>We are Sydney Wedding Photographers and have ...</p>
</div>
</body>
</html>
于 2013-11-06T11:32:16.477 に答える