jQuery-UI: показать и скрыть ввод текста с помощью buttonset ()

Question

У меня проблема с отображением / скрытием ввода текста с помощью функции jQuery-UI buttonset ().Вот HTML-код:

<div id="issubtitled">
    <input type="radio" id="unsubtitled" name="subtitled" checked="checked" /><label for="unsubtitled">No Sub-Title</label>
    <input type="radio" id="subtitled" name="subtitled" /><label for="subtitled">With Sub-Title</label>
</div>
<p id="psubtitle">
    <label>Sub-Title: </label>
    <input type="text" id="subtitle" name="subtitle" value="" />
</p>

В этой форме я хочу показать и скрыть #psubtitle, когда пользователи выбирают набор кнопок.Обратите внимание, что я использую набор кнопок jQuery-UI () в следующем коде .js:

var $j = jQuery.noConflict();
$j(document).ready(function(){
    $j("#psubtitle").hide();
    $j("#issubtitled").buttonset().click(function(){
        /* what should I do there? */
        return false;
    });
});

Answer 1

http://jsfiddle.net/rlemon/uV9uG/

Вам нужно определить, какая опция радио выбрана, я просто использовал их идентификаторы

Также вы хотите использовать имена классов для блоков, которые вы хотите скрыть, тогда вы можете скрыть несколько из них одновременно. Посмотрите на мой пример выше.

или вы можете сделать его еще меньше ... возможно, более эффективным. http://jsfiddle.net/rlemon/uV9uG/7/

Answer 2

Вы имеете в виду:

$j("#psubtitle").show();