Jump to content
  • 0

if/else в onclick

FitTech

Asked by FitTech,

 Share

Question

FitTech Explorer

FitTech

Posted
Posted 
<div class="price" onclick="$(this).find('.popup_block').css('height', '660px');"><span class="name" style="font-size: 12px;">Подробнее</span><div class="popup_block" style="height: 660px;">

При нажатии на подробнее, блоку добавляется 660px высота, а когда нажимаю снова на ту же кнопку, то высота на 0 не становится. Решил что нужно сделать проверку если высота больше 0, то ставить 0, а если равна 0, то ставить 660px. Подскажите, пожалуйста, как в данный onclick добавить проверку?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
rus Explorer

rus

Posted
Posted
В данном конкретном примере лучше через JS вообще классы менять, а не CSS.

да, согласен, ниже моего поста как раз привели пример:

Вот вам еще один вариант с туглом класса: http://jsfiddle.net/2grs05mb/

просто не вдавался в тонкости, первое что пришло в голову.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Similar Content

    • Vasilyyy
      Добавление и удаление классов по клику
      By Vasilyyy
      Доброго времени суток. Я начинающий в изучении JavaScript. Во время моих уроков я столкнулся с проблемой, которую не могу решить уже 4 дня. Она состоит в том, что при первом клике значок переворачивается на 180 градусов направо, а по следующему клику он должен крутиться в реверсе. В чем я допустил ошибку?    Вот код, который я использовал в письменном виде: 
      <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Document</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <button id="animStart" onclick="itemSpin();itemSpinRev();"><span id="burger">☰</span></button>     <script type="text/javascript">         function itemSpin(normal) {         animStart.classList.add('anim');         var start = getMilliseconds(ms);         var spinner = getMilliseconds(ms) - start;         if(spinner >= 400) {             animStart.classList.remove('anim');             // animStart.classList.add('animate');             // // animStart.classList.toggle('animate');         } };         function itemSpinRev(reverse) {             animStart.classList.add('animate');         var start = getMilliseconds();         var reverse = getMilliseconds() - start;         if(reverse >= 400) {             animStart.classList.remove('animate');          } };     </script> </body> </html> body {     background: #4f5a6e;     margin: 0;     padding: 0; } #animStart {     position: absolute;     background-color: #4f5a6e;     margin-left: 10px;     margin-top: 10px;     border: none;     font-size: 20px;     cursor: pointer;     outline: none; } #animStart.anim {     animation-name: spin;     animation-duration: 0.4s;     animation-timing-function: linear; } #animStart.animate {     animation-name: spin;     animation-duration: 0.4s;     animation-timing-function: linear;     animation-direction: reverse; } @keyframes spin {     from {         transform: rotate(0deg);     }     to {         transform: rotate(180deg);     } }  


    • Алексей2802
      Увеличение элемента при нажатии
      By Алексей2802
      Здравствуйте, уважаемые!!
      Начну с того, что перерыл весь интернет по данному вопросу. Нашел только про картинки (img) с определенными id, что мне не подходит.
      А вопрос такой:
      При нажатии на div с классом "small", который находится в ячейке таблицы, надо его увеличить на пол экрана, создав затемнение тела сайта. При этом ячейки не должны изменять размеры. При повторном нажатии, либо нажатии вне этого дива, вернуть его в исходное положение.при этом ячейки не должны изменять размеры.
      https://jsfiddle.net/x7106joc/3/
      Заранее благодарен.
    • kattiperk
      Не открывается модальное окно по-хорошему
      By kattiperk
      Здравствуйте.
       
      Случилась проблема - плохо открывается модальное окно
      http://top-matras.ru/- при нажатии на " Заказать обратный звонок"
       
      Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти!
      Спасибо.
       
       
    • GrizzzlyGames
      Помогите с ошибкой(код в сообщении)
      By GrizzzlyGames
      Вот код, почему не срабатывает onclick?
      <!doctype html> <html> <meta charset='utf-8'> <head> <title>imgExample</title> <script src ='file:///E:/www/draw.js'></script> </head> <body> <canvas id='example' width = "640" height="480"></canvas> <script> var example = document.getElementById("example"), ctx = example.getContext('2d'), // Контекст picfon = new Image(); // "Создаём" изображение picfon.src = 'file:///E:/www/background/background.png'; // Источник изображения button1 = new Image(); button2 = new Image(); button3 = new Image(); button1.src = 'file:///E:/www/button/button1.png';//Кнопка ВОТ!... button2.src = 'file:///E:/www/button/button2.png';//Кнопка ЕЩЕ! button3.src = 'file:///E:/www/button/button3.png';//Кнопка Рассказать другу. picfon.onload = function() { // Событие onLoad ctx.drawImage(picfon, 0, 0); // Рисуем изображение ctx.drawImage(button1, 190, 360);//Отрисовка кнопки вот! } button1.onclick = function ajaj() { ctx.drawImage(button2, 100, 100); } </script> </body></html>
    • GrizzzlyGames
      Как добавить canvas картинке событие onclick?
      By GrizzzlyGames
      Нарисовал кнопку в фотошопе, добавил в canvas, теперь незнаю как добавить на картинку событие onclick, через тэг <img> неподойдет...
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept